我正在网站上实现一个简单的jQuery脚本,该脚本将网页的一个部分的内容加载到同一网页上的"显示容器"中.
我正在加载的内容是多个div,它们都包含在一个<div>已被隐藏的外部.
我有display container div一些用户可以点击的链接.每次单击链接时,相应的匹配内容都会加载到显示容器中.
我的jQuery.
$(".Prod-Link-2").click(function(e){
e.preventDefault();
$("#ITARGET").empty();
$("#ITARGET").prepend('<img id="theImg" src="http://sensing-precision.com/wp-content/uploads/2015/12/page-loader.gif" />');
$("#ITARGET").load($(this).attr('href'));
});
菜单HTML
<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
<div class="Info-Target" id="ITARGET">
</div>
所以我的问题是这一切都有效,除了其中一个链接.
我的隐藏div有4个内容div和2个表,其中都有自己的ID.SPECIFICATIONS抓住#specTable,APPLICATIONS抓住#FEATdiv等等.ACCESSORIES根本不会加载 …