Javascript jQuery中的.load（）和奇数行为

我在一个网站上实现了一个简单的jQuery脚本，它将网页某个部分的内容加载到同一网页上的“显示容器”中

我正在加载的内容是多个div，它们都包装在一个外部

中，该外部已隐藏在视图中

我有

display container div

和几个链接供用户点击。每次单击链接时，相应的匹配内容都会加载到显示容器中

我的jQuery

---

用于测试目的

---

这是附属部门

无论我在ID标签和链接

href attr

中将名称更改为什么，它都不会加载（我甚至尝试使用不同的名称创建一个新的div，并将该div移动到隐藏内容区域的顶部，认为这可能是加载问题），但是如果我将链接

href attr

更改为一个表或其他div，例如

#FEAT

或

#specTable

。。很好

---

我的直觉是，

jQuery

和

.load（）

有一些我不知道的qwirk

此问题可能与CSS有关。我刚刚看了两个产品，无论内容包括哪些列表，显示屏都会显示空白，因为空白区域过多

CSS规则似乎是罪魁祸首：

.Features li:before  { content: url(#)!important; }

---

一些内容

-试试看，结束div应该是我代码中的那个。这是我在键入问题时犯的一个错误。问题是没有ID为

附件的HTML元素<代码>专长

，

可查看

和

比较

存在，但不存在

附件

。Sani。。。非常感谢。虽然我是在开发模式下做这件事的，但脚本是在浏览实际的实时页面！！！！

<div class="MPD">
<div class="Option">
<a class="Prod-Link-2" id ="DEF" href ="/electricalelectronic-products/alf150 #specTable" ><p>SPECIFICATIONS</p></a>
</div>
<div class="Option">
<a class="Prod-Link-2" href ="/electricalelectronic-products/alf150 #COMPARE" ><p>ALF150 v ALF150+</p></a>
</div>
<div class="Option">
<a class="Prod-Link-2" href ="/electricalelectronic-products/alf150 #FEAT" ><p>APPLICATIONS</p></a>
</div>
<div class="Option">
<a class="Prod-Link-2" href ="/electricalelectronic-products/alf150 #ACCESSORY" ><p>ACCESSORIES</p></a>
</div>
</div>

<div class="Info-Target" id="ITARGET">

</div>

<div style="display: none;">

<div id ="COMPARE"> some content </div>
<table id="specTable"> some content </div>
<div id ="ACCESSORY"> some content </div>

etc ....

</div>

<div id="ACCESSORY">
<p> This is the accessory div </p>
</div>

.Features li:before  { content: url(#)!important; }