初始化脚本

Question

我需要学习如何初始化脚本。我有谷歌它，但不是真的不明白。

现在我有一个div中的切换脚本，整个div被加载到另一个页面。切换脚本可以工作，但不能在加载时使用。

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

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

感谢。

Answer 1

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

例如

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

如果我误解了你的问题，你的意思是：

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

Answer 2

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

您应该将on()与jQuery 1.7 +

一起使用

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

如果要保留语法，则必须在呈现元素之后执行此操作，或者在document.ready上执行此操作。

Answer 3

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

如果是这样，你应该能够在jquery.ajax调用的success-function中添加监听器：

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

Answer 4

简单而且最好

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