Interact with the footer from a view?

[Bastien]

Hi,

I've the following footer declared in my index.html page:

<div id="footer" data-role="footer">
      <div data-role="tabstrip">
           <a href="#tabstrip-home" data-icon="home">Posts</a>
           <a href="Test.html" data-icon="action">Activities</a>
      </div>

<ul id="log">

                 

</ul>
</div>

When I stay on index.html there's no problem to change the content of ul#log, but when I'm on the Test.html page (my 2nd tab), when I try to add something with jquery by doing this:

$('#log').prepend('blablabla');

If I read the content of ul#log with jquery, I can see the new 'blablabla' text, but on the screen it's not displayed!?

Can anyone explain me why?

Thanks,
Bastien

[Bastien]

No one?

[Petyo]

Hello Bastien,

The behavior you observe is due to the layout implementation - certain elements are cloned and appended, in order for the transitions to work properly. 

You may obtain the correct reference (assuming that you are handling that in the view show event using the event parameter object):

function onViewShow(e) {
   e.view.element.find("#log");
}

Kind regards,
Petyo
the Telerik team