Question

我正在使用Symfony 2，我需要在加载以下twig模板后执行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>

Answer 1

在模板底部添加

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

或者如果你正在使用jQuery ..

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

Answer 2

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

通常情况下，当我们使用jquery mobile时，页面的主容器是带有datarole的div，为这个div设置一个id并将其替换为上面脚本中的divid并让你的代码工作:-)

加载twig模板后执行javascript

2 个答案: