在哪里把一个jQuery函数放入HTML文档中？

我在这个网站找到一个工作的例子http://jsfiddle.net/VNXb2/26/，但是当我把它放在Aptana工作室它不工作，我想我没有把功能放在适当的地方，所以把这些功能相对于第一部分的HTML，谢谢。在哪里把一个jQuery函数放入HTML文档中？

你可以把它放在脚本标签的底部 – dotoree 2012-03-03 18:07:17

如果你得到'非法令牌'的错误，那么它可能是因为你从jsFiddle复制了代码。它有一些webkit打破的字符。 – 2012-03-03 18:14:45

如果你有在通过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>标签中。

2012-03-03 18:12:32 shanabus

你的意思是在一个脚本标记内 – 2012-03-03 18:16:42

我不知道如何解释你的评论，但我已经更新了我的答案，以显示脚本标记的位置如果它是在jqm框架中的ajax加载的页面中检索的。 – shanabus 2012-03-03 18:26:14

jsFiddle在左边有一个组合框（在您发布的链接中）onLoad。这意味着当所有需要的东西都被加载并且DOM根据需要被初始化时，这将被加载。包裹JS代码：

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

它应该工作。看到这个更新：

2012-03-03 18:09:53

我把它包裹在一个函数里面，但我不工作！ – 2012-03-03 18:20:56

我试图把这个功能放在所有的页面部分，但它仍然不起作用！ – 2012-03-03 18:28:50

只需将javascript部分（在jsfiddle的左下角） - 请参阅我给出的示例，只需将这些部分依次复制粘贴起来即可。 – 2012-03-03 18:46:03

回答