将jQuery函数放在HTML文档中的位置?

时间:2012-03-03 18:03:42

标签: jquery jquery-mobile

我在这个网站http://jsfiddle.net/VNXb2/26/找到了一个有效的例子,但是当我把它放在Aptana工作室时,它不起作用,我想我没有将功能放在适当的位置,所以放在哪里这些函数相对于第一部分中的HTML,谢谢。

2 个答案:

答案 0 :(得分:2)

jsFiddle左侧有一个组合框,显示(在您发布的链接中)onLoad。这意味着当加载所有必要的东西并根据需要初始化DOM时,将加载它。将JS代码包装在:

$(function() {
   // All JS code from there
});

它应该有效。请参阅此更新:

答案 1 :(得分:1)

如果您在通过ajax加载的jQuery Mobile页面中有javascript,则需要将<script>标记放在该页面<div>中。这意味着标记为data-role="page"的div内部。

示例:

<div data-role="page" id="page-1">
 ...
</div>

异步加载的其他页面

<div data-role="page" id="page-2">
    <script type="text/javascript">...</script>
    <div data-role="content">...</div>
</div>

如果您只是在实际位于同一文档中的jQM页面之间切换,您可以将您的函数放在该文档的任何位置,但可能最好放在<head>标记中。