代码适用于JSFiddle，但不适用于本地文件

我在JSFiddle上发现了一个简单的JQuery代码，但是当我在eclipse中尝试它时，它并没有执行它应该做的事。我多次检查过它仍然无法找到它无法正常工作的原因。有任何想法吗？代码适用于JSFiddle，但不适用于本地文件

的HTMl

<textarea id="txt" rows="15" cols="70">There is some text here.</textarea> 
<input type="button" id="btn" value="OK" />

JQuery的

jQuery("#btn").on('click', function() { 
    var caretPos = document.getElementById("txt").selectionStart; 
    var textAreaTxt = jQuery("#txt").val(); 
    var txtToAdd = "stuff"; 
    jQuery("#txt").val(textAreaTxt.substring(0, caretPos) + txtToAdd + textAreaTxt.substring(caretPos)); 
});

JSFiddle Link

来源

2014-09-24 pa pa

具有u进口必要的jQuery文件吗？（这是没有必要的jsfiddle进口） – PSR 2014-09-24 06:24:10

你应该包装在DOM准备 – 2014-09-24 06:31:31

有三件事情需要注意：

必须加载jQuery的页面上。就像这样：

了jQuery的lib位置脚本之前必须加载。

你的代码必须被包装使用$（function（）{}），或者你的代码在DOM加载后加载。

来源

2014-09-24 06:33:17

哦感谢的代码，我没有注意到功能必须裹以$（函数（） {}） – 2014-09-24 23:05:19

通常在本地测试的时候，因为当你只是在浏览器中打开该文件不执行的JavaScript存在问题。

你有本地的网络服务器设置，如wamp/mamp/xampp吗？如果你以这种方式访问你的文件，它应该工作。

我不知道eclipse是否内置了Web服务器，例如NetBeans。

要进一步找到问题的根源，应该启用控制台以查看是否输出任何错误。

在Chrome中按CTRL + SHIFT + J并重新加载页面。

来源

2014-09-24 06:30:21 sebomoto

代码适用于JSFiddle，但不适用于本地文件

回答

相关问题