2012-01-19 4 views
2

Я использую Symfony 2 и мне нужно, чтобы выполнить JavaScript только после того, как был загружен следующий шаблон: веточкаИсполнительного Javascript после того, как шаблон веточки загружен

<div data-role="dialog"> 
    <div data-role="header"> 
     <h1>Input your Username and Password</h1> 
    </div> 
    <div data-role="content"> 
      <div data-role="fieldcontain" class="ui-hide-label"> 
       <label for="username">Username:</label> 
       <input type="text" name="username" id="username" value="" placeholder="Username"/> 
      </div> 
      <div data-role="fieldcontain" class="ui-hide-label"> 
       <label for="password">Password:</label> 
       <input type="password" name="password" id="password" value="" placeholder="password" /> 
      </div> 
      <div data-role="controlgroup" data-type="horizontal" align="center"> 
       <input type="button" value="Login"/> 
       <a data-rel="back" data-role="button"/>Cancel</a> 
      </div> 
    </div> 
</div> 
+2

Прежде всего, я не вижу никакой переменной ветки! , и о загружаемой части, шаблон ветви отображается на стороне сервера, а затем визуализированный html отправляется на клиентскую сторону. Итак, если вы хотите выполнить свою JS после загрузки шаблона, я предполагаю, что вы хотите сказать, после загрузки страницы? для этого вам просто нужно добавить ' ' после вашего html и связать код с событием загрузки страницы. – satin

+2

Это не имеет никакого отношения к Twig специально. – richsage

ответ

1
<script type="text/javascript"> 
     $("#divId").live('pageinit', 
     function(event) 
     { 
     }); 
</script> 

Обычно, когда мы используем jquery mobile, основным контейнером страницы является div с datarole, устанавливаем id для этого div и заменяем его делением в сценарии выше и получаем код U're :-)

5

В нижней части шаблона добавить

<script type="text/javascript"> 
    window.onload = function() { 
     //do your stuff here 
    } 
</script> 

Или, если вы используете JQuery ..

<script type="text/javascript"> 
    $(function() { 
     //do your stuff here 
    }); 
</script> 
+0

что не работает? если вы просматриваете источник страницы, там есть код? – JamesHalsall

+0

При использовании jquery mobile, переключение между страницами отличается, но anayway thanks, мне удалось заставить его работать, я отправляю ответ :) – Noor