使用选择器调用.load（）不起作用

我已经对这个问题进行了一些研究，我无法弄清楚为什么它不能按照它应该的方式工作。 我有一个用户用亚马逊产品ID（ASIN）填写的表单，然后我将该产品ID转换为URL，然后将.load()转换为我页面上的URL。 问题是，当我使用带有.load()的选择器加载页面的一部分时， .load()不会做任何事情。

当我仅使用URL删除选择器和.load()时， .load()可以正常工作。 这是我的代码：

 
  Load  var theURL; $('#load').on('click', function() { if ($('#url').val().length < 14) theURL = 'http://www.amazon.com/dp/' + $('#url').val() + ' #dp'; else theURL = $('#url').val() + ' #dp'; $('#html').load(theURL); });  

所以例如， theURL将是http://www.amazon.com/dp/B00J4GIRH4 #dp ，当我在URL中有#dp选择器#dp .load()不会拉任何东西（通过检查#htmlvalidation）调用.load()之后的元素。 删除#dp选择器并且theURL是http://www.amazon.com/dp/B00J4GIRH4 ， theURL .load()工作正常。

Answer 1

id="dp"位于Amazon页面的body元素上。 提供给load()的#引用将搜索已加载面板的后代。 不是body元素本身。

尝试定位子元素，或者在默认情况下返回body忘记选择器。