游戏技术文章

解决关于jquery中$.get()方法总是报“HierarchyRequestError: Node cannot be inserted at the specified point in the hierarchy”错的方法

时间:2016-11-24 17:46:36  作者:棋牌资源网  来源:棋牌资源网  查看:7756  评论:0
内容摘要:解决关于jquery中$.get()方法总是报“HierarchyRequestError: Node cannot be inserted at the specified point in the hierarchy”错的方法  今天在看《jquery...
解决关于jquery中$.get()方法总是报“HierarchyRequestError: Node cannot be inserted at the specified point in the hierarchy”错的方法

  今天在看《jquery基础教程(第三版)》第十章的时候,运行随书下载的源码时总是不成功。起初以为书中自带的JS文件有错呢,但是测来测去也没发现哪里有问题。现在把源码附下:

1、这是书中带的HTML文件,其余的忽略不计,关键的就是下面这个a。

 
<a id="more-photos" href="pages/1.html">More Photos</a>
 

2、对应的JS文件如下(注意其中关键方法为$.get()):

 
 1 $(document).ready(function() {
 2   var pageNum = 1;
 3   $('#more-photos').click(function() {
 4     var $link = $(this);
 5     var url = $link.attr('href');
 6     if (url) {
 7       $.get(url, function(data) {
 8         $('#gallery').append(data);
 9       });
10       pageNum++;
11       if (pageNum < 20) {
12         $link.attr('href', 'pages/' + pageNum + '.html');
13       }
14       else {
15         $link.remove();
16       }
17     }
18     return false;
19   });
20 });
 

 

3、错误。以上看起来似乎没有问题,但是在火狐和Chrome下测试都报错,其中火狐debug错误如下:
解决关于jquery中$.get()方法总是报“HierarchyRequestError:_Node_cannot_be_inserted_at_the_specified_point_in_the_hierarchy”错的方法

  整个一章的代码都是这样,但是测试在IE里没有问题。于是谷歌、百度各种乱搜一翻,貌似网上发生这样问题的还不在少数,但是搜来搜去各种回答都 有。一一试了下,发现其中的以为大哥的方法貌似正确,于是查了下jquery api,原来是问题出在$.get()方法上,书中的源码在使用这个方法的时候都没有指定这个方法的type参数,即jQuery.get(url, [data][callback][type])第四个参数。加上第四个参数‘html’以后就显示正常了。Okay了!灰常happy!现在运行OK了,已经没有错误了。

  具体方法如下:

  在上面的JS文件中的第7行$.get()方法上增加一个type参数即可,如下(注意第9行增加了一个‘html’的type参数):

 
 1 $(document).ready(function() {
 2   var pageNum = 1;
 3   $('#more-photos').click(function() {
 4     var $link = $(this);
 5     var url = $link.attr('href');
 6     if (url) {
 7       $.get(url, function(data) {
 8         $('#gallery').append(data);
 9       },'html');
10       pageNum++;
11       if (pageNum < 20) {
12         $link.attr('href', 'pages/' + pageNum + '.html');
13       }
14       else {
15         $link.remove();
16       }
17     }
18     return false;
19   });
20 });

  由于是新手,也只找到了怎么解决这个问题,但是没有找到为什么会出现这样的问题。以后使用$.ajax()\$.get()等这几个方法的需要注意一下子了。

标签:解决关于jquery中$.get 方法总是报HierarchyRequestError 

欢迎加入VIP,【VIP售价:只要288元永久VIP会员】畅享商业棋牌游戏程序下载,点击开通!

下载说明


☉本站所有源码和资源均由站长亲自测试-绝对保证都可以架设,运营!
☉如源码和资源有损坏或所有链接均不能下载,请告知管理员,

☉本站软件和源码大部分为站长独资,资源购买和收集,放心下载!

☉唯一站长QQ:1004003180  [人格担保-本站注重诚信!]

☉购买建议E-mail:1004003180@qq.com   源码收购 E-mail:1004003180@qq.com    

☉本站文件解压密码  【文章内都自带解压密码,每个密码不同!】


本站提供的所有源码,均来源站长提供,仅学习交流 浙ICP备09009969号

由此产生不良后果和法律责任与本站无关,如果侵犯了您的版权,请来信告知 1004003180@qq.com 将及时更正和删除! 

Copyright © 2008-2024 棋牌资源网,你身边的棋牌资源下载站    All Rights Reserved