javascript - 初始化脚本

Question

我需要学习如何初始化脚本。我有谷歌它，但并不真正理解它。

现在我有一个 div 中的切换脚本，整个 div 被加载到另一个页面。切换脚本有效，但在加载时无效。

$(".class").click(function () {
$(this).toggleClass("add_class");
});

如果有人有时间，你能解释一下如何初始化这个脚本吗？

谢谢。

Answer 1

您应该将此脚本放在 document.ready 调用中。

例如。

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

如果我误解了您的问题，而您的实际意思是：

通过 AJAX 调用加载脚本后如何执行脚本。然后看到这个问题：在jQuery Ajax Call之后执行脚本

Answer 2

您是在页面上加载元素后调用它吗？

您应该使用on()jQuery 1.7+

$(document).on("click", ".class", function () {
    $(this).toggleClass("add_class");
});

如果你想保持你的语法，你必须在元素被渲染之后做，或者在 document.ready 上做。

Answer 3

简单而最好的

$(function(){
    //your code here...
    $(".class").click(function () {
       $(this).toggleClass("add_class");
    });
});

Answer 4

我想你正在使用 jquery.ajax 来获取 div？

如果是这样，您应该能够在 jquery.ajax 调用的成功函数中添加侦听器：

$('#result').load('ajax/test.html', function() {
  $("#result .class").click(function () {
    $(this).toggleClass("add_class");
  });
});