将内联JQuery函数移动到.js文件

将内联JQuery函数移动到.js文件,jquery,click,inline,live,Jquery,Click,Inline,Live,我有以下内联代码,我想移动到我的js文件 $("input.checkbox").live('click',function(doStuff){my code}) 我尝试过各种方法,但运气不好,当我将函数移动到.js文件时,它什么也不做。当它是内联的时候,它可以完美地工作。我对这一切都很陌生,所以要温柔。1-像以前一样将代码移动到新的JS文件中 2-当在页面中引用JS文件时,在jQuery文件之后引用它,JavaScript将根据包含文件的顺序执行 .. .. .. 3-现在试试你的页

我有以下内联代码,我想移动到我的js文件

$("input.checkbox").live('click',function(doStuff){my code})

我尝试过各种方法,但运气不好,当我将函数移动到.js文件时,它什么也不做。当它是内联的时候,它可以完美地工作。我对这一切都很陌生,所以要温柔。

1-像以前一样将代码移动到新的JS文件中

2-当在页面中引用JS文件时,在jQuery文件之后引用它,JavaScript将根据包含文件的顺序执行


..
..
..  
3-现在试试你的页面,它应该可以正常工作


如果这没有修复它,或者它修复了,请告诉我:)

您是否记得将代码包装到js文件中的
ready
调用中

$(document).ready(function(){
    $("input.checkbox").live('click',function(doStuff){my code});
});
还是缩短版

$(function(){
    $("input.checkbox").live('click',function(doStuff){my code});
});

您需要对jquery库的引用:

创建javascript包含文件myfile.js,然后创建对此文件的引用:

显然,然后把你的代码复制到你的.js中,所有的一切都应该是美好的

  • 确保js文件已添加到页面(脚本标记)。建议将文件添加到正文的末尾

  • 确保在外部js文件之前将jQuery添加到页面中

  • 将代码包装在$(document).ready(function(){[your code here]})中,以便在加载DOM后执行。(这确保元素可供选择)


  • 在关闭标记之前,应该在html的末尾添加自定义JS文件脚本标记,这样所有控件都已呈现。应该很好

    谢谢你的想法,我会确保我遵循了你的所有建议。好吧,这可能是一个愚蠢的问题,但是一旦我将XSL中的函数移动到js文件中,如何引用它呢。我试着给它一个函数名。。。例如,在XSL文件中,我有以下内容……您好,这非常有效。谢谢现在我需要将这段代码从xsl文件移到它自己的js文件中。我尝试添加函数myfunc()。然后在我的js文件中定义了函数myfunc(){my code},但现在它不再工作了。非常令人沮丧。您不必将函数引用放在调用文件中。只需调用文件中的脚本标记就可以了!如果我理解正确的话!
    $(function(){
        $("input.checkbox").live('click',function(doStuff){my code});
    });