在哪裏把一個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

回答