背景:使用Linux(Fedora 22),在localhost上运行apache服务器。 jquery.min.js(3.1.0)位于顶层的js /子目录中,从Internet复制。其他jQuery函数似乎工作得很好
示例显示自 jQuery in action,第三版,第267页(将内容加载到元素中)
我正在尝试将文件中的内容(文本)插入<div>
元素,因为这是我在其他地方使用下拉菜单工作的功能。但是,作为jQuery的NOOB,我试图让简单的事情先工作。这个特殊的问题令我难过。两个不同的加载函数执行相同的操作,第一个工作(使用Ajax XHR),第二个(使用jQuery)拒绝。以下是整个机构列表:
<body>
<div id="elem"></div>
<hr width="40%">
<div id="contain"></div>
<script>
var xhr;
if (window.ActiveXObject) {
xhr = new ActiveXObject('Microsoft.XMLHTTP');
} else if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
} else {
throw new Error('Ajax is not supported by this browser');
}
xhr.onreadystatechange = function() {
if (this.readyState === 4) {
if (this.status >= 200 && this.status < 300) {
document.getElementById('elem').innerHTML = this.responseText;
}
}
};
xhr.open('GET', 'some-resource');
xhr.send();
</script>
<script type="text/javascript" src="//localhost/js/jquery.min.js">
jQuery("#contain").load('some-resource');
</script>
</body>
我已将两种方法放在同一个&#34;脚本&#34;容器;而在这里,不同的容器。两者都没有区别。脚本在最后,所以&#34; div&#34;元素存在。
控制台消息如下:
GET https://localhost/...listing.10.3.html [HTTP/1.1 304 Not Modified 15ms]
GET https://localhost/js/jquery.min.js [HTTP/1.1 200 OK 0ms]
XHR https://localhost/...some-resource [HTTP/1.1 304 Not Modified 0ms]
那么,是否有一些jQuery功能我缺少一个&#34; localhost&#34;设置,还是有一些我遗漏的愚蠢的东西,一个点或逗号?我没有在托管服务器上试过这个,因为我希望在那个阶段之前进行测试。任何见解都将非常受欢迎
编辑:这在另一个练习,工作正常。将不得不破译它以看到真正的区别:
$(&#39;#引导选择器控制&#39;) .load(&#39;动作/读取启动式,options.php&#39;) .change(function(event){ $(&#39;#产品细节窗格&#39)。负载( &#39;动作/取回产品details.php&#39 ;, { model:$(event.target).val() }, function(){ $(&#39; [value =&#34;&#34;]&#39;,event.target).remove(); } ); });
将jquery加载到头部,并且分别位于相关线的上方。两者都没有区别。