2012-01-19 63 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,为这个div设置一个id,并用上面脚本中的divid替换它,并获得你的代码工作:-)

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时,页面之间的切换是不同的,但是非常感谢,我设法让它工作,我发布了答案:) – Noor