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

Question

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

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

Answer 1

通常在本地测试时，存在一个问题，因为当您在浏览器中打开文件时不会执行javascript。

您是否有像wamp / mamp / xampp这样的本地网络服务器设置？如果您以这种方式访问​​文件，它应该可以正常工作。

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

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

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

Answer 2

有三件事需要注意：

1. 必须在您的网页上加载jQuery。像这样：

1. jQuery lib位置必须在脚本之前加载。

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