堆棧內存溢出
  簡體   English   中英

我在哪里放置此JS代碼以使其正常工作？

[英]Where do I put this JS code to make it work?

 原文  2012-04-28 19:16:45  3   5    javascript/ jquery/ html/ html-table

問題描述

我實質上重新創建了制作JS所需的表部分，並在JS小提琴中放了一些工作代碼，但是當我嘗試將其添加到表部分所在的位置或其他稱為html的函數中時，似乎打破頁面...任何想法放在哪里？ http://jsfiddle.net/UyHj3/13/ 

$("tr.clickable.subheading td").click(function() {
    $(this).parents("tr.clickable.subheading").nextUntil("tr.clickable.subheading").toggle();
});​​

5 個解決方案

解決方案1
 3  2012-04-28 19:19:36

您的問題是您試圖將事件處理程序附加到DOM中不存在的元素。 在jsFiddle中，默認情況下，代碼在onload之后運行，這意味着DOM +圖像已完全加載。

將代碼包裝在DOM ready事件中： 

$(function() {
    $("tr.clickable.subheading td").click(function() {
        $(this).parents("tr.clickable.subheading").nextUntil("tr.clickable.subheading").toggle();
    });
});

更新的小提琴

或將代碼放在<body>標記的末尾，就像Fiddle一樣 。
但是第一種選擇被認為是更好的做法。

ready事件文檔 ：

雖然JavaScript提供了呈現頁面時執行代碼的load事件，但只有在完全接收到所有資產（例如圖像）之后，才會觸發此事件。 在大多數情況下，可以在完全構建DOM層次結構后立即運行腳本。 保證傳遞給.ready（）的處理程序將在DOM准備就緒后執行，因此通常這是附加所有其他事件處理程序並運行其他jQuery代碼的最佳位置。 使用依賴CSS樣式屬性值的腳本時，在引用腳本之前，請先引用外部樣式表或嵌入樣式元素，這一點很重要。

解決方案2
 2  2012-04-28 19:19:16

您總是希望將事件處理程序放入document.ready函數中，例如 

$(document).ready(function(){

//your code

});

您更新的小提琴： http : //jsfiddle.net/ccross59/UyHj3/15/

解決方案3
 1 已采納  2012-04-28 19:20:56

放入 

$(document).ready(function () {
   // I execute your code when the DOM is ready. 
});

要么 

$(window).load(function () {
  // I execute your code when the entire page is loaded (including images or iframes)
});

解決方案4
 1  2012-04-28 19:21:40

看起來那里有一些jQuery，因此請確保您包含對jQuery庫的引用： 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

並將您的代碼放入$（document）.ready（）{}中： 

$(document).ready(function(){
// your code
};

解決方案5
 0  2012-04-28 19:19:33

應該有一個JavaScript窗格。 確保使用左側菜單上的JQuery。

暫無
暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 我在哪里將代碼引導集合到belimber.js？ 為了使它們都能正常運行，我必須在哪里放置Google Analytics（分析）代碼和Event Tracking（事件跟蹤）代碼？ 我在哪里在新窗口中放置代碼 在哪里將代碼放入Electron Apps中以使JavaScript正常工作？ 為了在JavaFX中通過Plotly.js進行繪圖，我應該將javascript和html代碼放在哪里？ 在Ember.js中，我將控制器的初始化代碼放在哪里，嘗試設置路由控制器 為了使用jQuery 1.8，我在哪里將hook_js_alter代碼放在Drupal 6中 將Require.js與JQuery插件一起使用-我在哪里將代碼初始化為插件？ 如何在我的Google地圖中將這行JS放在哪里？ 我在 Gatsby 項目中將“main.js”文件放在哪里？
相關標簽
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM