初始化脚本

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

现在我有一个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

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

你应该在jQuery 1.7+ on()使用on()

 $(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"); }); });