js冲突

Question

导航js幻灯片冲突

Answer 1

第一、看你html的层是否放错了，
第二、看你的变量是否有定义重复问题。
第三、可以用chrome审查跟踪代码

Answer 2

你放个内网 url 别人如何能看到？
贴出主要代码

Answer 3

这段是幻灯片的：
    <div id="haederslider" style="position: relative; width: 940px; height: 400px;">
<div class="row" style="display: none; position: absolute; top: 0px; left: 0px; z-index: 7; opacity: 0; width: 940px; height: 400px;"><img src="../Images/Slide/index0.png" alt="" title="" width="940" height="400" class="imagecache imagecache-default_site_header"><div class="box"><h3>40" LED monitor, vertical.</h3><h1>Blade V40</h1><p>Floor standing Large Display Indoor Kiosk in Portrait Orientation, 40",46",58"LED Display, Solid 10...</p>
<a href="#" class="read-more">Read more</a></div></div>   
<div class="row" style="position: absolute; top: 0px; left: 0px; display: block; z-index: 8; opacity: 1; width: 940px; height: 400px;"><img src="../Images/Slide/index1.png" alt="" title="" width="940" height="400" class="imagecache imagecache-default_site_header"><div class="box"><h3>Waveline Tension Graphic 8,10,20ft Curved…</h3><h1>10ft L WaveLine® curved</h1><p>Waveline Tension Graphic 8,10,20ft Curved Display and a 6ft table top endless possibilities, Custom Printed...</p>
<a href="#" class="read-more">Read more</a></div></div></div>
<div id="headerslider-nav">
</div>
下面幻灯片的js：
  $('#haederslider').cycle({
        fx: 'fade',
speed: 800,
timeout: 5000,
pause: true,
pager: '#headerslider-nav',
before: function (currSlideElement, nextSlideElement, options, forwardFlag)  {
}
  })
这个是幻灯片要调用的：http://192.168.2.103:83/Brandstand/httpdocs/brandstand/new/JS/jquery.cycle.all.js导航的html：代码
<div class="div">
<div id="TabbedPanels91" class="TabbedPanels">
  <ul class="TabbedPanelsTabGroup" style="padding-left:75px; background:#fff url(./images/top_super_menu_div_tab_bg.png) repeat-y 75px top;">
<!--
<a style="position:absolute; visibility:hidden;" href="Pop Up Displays" rel="./images/Pop_Up_Displays_Category_Header3zxxs_1.png"></a>
-->
<!--Second category -->    <li class="TabbedPanelsTab TabbedPanelsTabSelected" tabindex="0" id="">
<a style="height:150px;overflow:hidden" href="product.asp?seriesid=97&amp;catID=91"><span class="tab_category_menu_img" title="Blade" style="width:120px;height:120px;display:block;" rel="../../Products/58.png"><img width="120" height="120" alt="Blade" src="../../Products/58.png"></span><br>Blade</a>
          <div class="border-div"></div>
          </li>
  
    <li class="TabbedPanelsTab" tabindex="0" id="">
<a style="height:150px;overflow:hidden" href="product.asp?seriesid=98&amp;catID=91"><span class="tab_category_menu_img" title="LED" monitor="" style="width:120px;height:120px;display:block;" rel="../../Products/40inch-1.png"><img width="120" height="120" alt="LED" src="../../Products/40inch-1.png"></span><br>LED Monitor</a>
          <div class="border-div"></div>
          </li>
  
    <li class="TabbedPanelsTab" tabindex="0" id="">
<a style="height:150px;overflow:hidden" href="product.asp?seriesid=99&amp;catID=91"><span class="tab_category_menu_img" title="Brandstand" wave="" style="width:120px;height:120px;display:block;" rel="../../Products/TVZ0.png"><img width="120" height="120" alt="Brandstand" src="../../Products/TVZ0.png"></span><br>Brandstand Wave</a>
          <div class="border-div"></div>
          </li>
  
</ul>
<!--product-->
<div class="TabbedPanelsContentGroup">   
      
<div class="TabbedPanelsContent TabbedPanelsContentVisible" style="display: block;">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tbody><tr>
  <td width="100">
  <p class="prodtct_category"><strong><a href="product.asp?seriesid=97&amp;catID=91">Blade</a></strong></p><div class="prodtct_p"><a href="product.asp?seriesid=97&amp;catID=91" rel="91"><span class="product-tip" style="display:none;"><hr title="V58" class="product.asp?seriesid=97&amp;catID=91" rel="../../Products/58.png"></span>V58</a></div><div class="prodtct_p"><a href="product.asp?seriesid=97&amp;catID=91" rel="91"><span class="product-tip" style="display:none;"><hr title="V46" class="product.asp?seriesid=97&amp;catID=91" rel="../../Products/46.png"></span>V46</a></div><div class="prodtct_p"><a href="product.asp?seriesid=97&amp;catID=91" rel="91"><span class="product-tip" style="display:none;"><hr title="V40" class="product.asp?seriesid=97&amp;catID=91" rel="../../Products/40-1.png"></span>V40</a></div>
        </td>
<td id="product-tip-td-0-246" class="product-tip-td" align="right" style="text-align:right"><a><span class="product-tip" style="position:relative;"><span class="product-tipdiv-div"><span class="product-tip-content"><span class="img">&nbsp;</span></span></span></span></a></td></tr>
</tbody></table></div>
       
<div class="TabbedPanelsContent" style="display: none;">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tbody><tr>
  <td width="100">
  <p class="prodtct_category"><strong><a href="product.asp?seriesid=98&amp;catID=91">LED Monitor</a></strong></p><div class="prodtct_p"><a href="product.asp?seriesid=98&amp;catID=91" rel="91"><span class="product-tip" style="display:none;"><hr title="40&quot; Monitor" class="product.asp?seriesid=98&amp;catID=91" rel="../../Products/40inch-1.png"></span>40" Monitor</a></div><div class="prodtct_p"><a href="product.asp?seriesid=98&amp;catID=91" rel="91"><span class="product-tip" style="display:none;"><hr title="32&quot; Monitor" class="product.asp?seriesid=98&amp;catID=91" rel="../../Products/32inch-1.png"></span>32" Monitor</a></div>
        </td>
<td id="product-tip-td-0-246" class="product-tip-td" align="right" style="text-align:right"><a><span class="product-tip" style="position:relative;"><span class="product-tipdiv-div"><span class="product-tip-content"><span class="img">&nbsp;</span></span></span></span></a></td></tr>
</tbody></table></div>
       
<div class="TabbedPanelsContent" style="display: none;">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tbody><tr>
  <td width="100">
  <p class="prodtct_category"><strong><a href="product.asp?seriesid=99&amp;catID=91">Brandstand Wave</a></strong></p><div class="prodtct_p"><a href="product.asp?seriesid=99&amp;catID=91" rel="91"><span class="product-tip" style="display:none;"><hr title="TV Stand" class="product.asp?seriesid=99&amp;catID=91" rel="../../Products/TVZ0.png"></span>TV Stand</a></div>
        </td>
<td id="product-tip-td-0-246" class="product-tip-td" align="right" style="text-align:right"><a><span class="product-tip" style="position:relative;"><span class="product-tipdiv-div"><span class="product-tip-content"><span class="img">&nbsp;</span></span></span></span></a></td></tr>
</tbody></table></div>
       
  </div> 
</div>
<script type="text/javascript">
//<!--
var TabbedPanels91 = new Spry.Widget.TabbedPanels("TabbedPanels91");
//-->
</script>
</div>然后导航的js：http://192.168.2.103:83/Brandstand/httpdocs/brandstand/new/js/prototype.js

Answer 4

http://192.168.2.103:83/
楼主，这种地址我们是访问不了的

Answer 5

对不起，我错了，忘了改ip
这段是幻灯片的：
    <div id="haederslider" style="position: relative; width: 940px; height: 400px;">
<div class="row" style="display: none; position: absolute; top: 0px; left: 0px; z-index: 7; opacity: 0; width: 940px; height: 400px;"><img src="../Images/Slide/index0.png" alt="" title="" width="940" height="400" class="imagecache imagecache-default_site_header"><div class="box"><h3>40" LED monitor, vertical.</h3><h1>Blade V40</h1><p>Floor standing Large Display Indoor Kiosk in Portrait Orientation, 40",46",58"LED Display, Solid 10...</p>
<a href="#" class="read-more">Read more</a></div></div>   
<div class="row" style="position: absolute; top: 0px; left: 0px; display: block; z-index: 8; opacity: 1; width: 940px; height: 400px;"><img src="../Images/Slide/index1.png" alt="" title="" width="940" height="400" class="imagecache imagecache-default_site_header"><div class="box"><h3>Waveline Tension Graphic 8,10,20ft Curved…</h3><h1>10ft L WaveLine® curved</h1><p>Waveline Tension Graphic 8,10,20ft Curved Display and a 6ft table top endless possibilities, Custom Printed...</p>
<a href="#" class="read-more">Read more</a></div></div></div>
<div id="headerslider-nav">
</div>
下面幻灯片的js：
  $('#haederslider').cycle({
        fx: 'fade',
speed: 800,
timeout: 5000,
pause: true,
pager: '#headerslider-nav',
before: function (currSlideElement, nextSlideElement, options, forwardFlag)  {
}
  })
这个是幻灯片要调用的：http://brandstand.kmdns.net:83/Brandstand/httpdocs/brandstand/new/JS/jquery.cycle.all.js导航的html：代码
<div class="div">
<div id="TabbedPanels91" class="TabbedPanels">
  <ul class="TabbedPanelsTabGroup" style="padding-left:75px; background:#fff url(./images/top_super_menu_div_tab_bg.png) repeat-y 75px top;">
<!--
<a style="position:absolute; visibility:hidden;" href="Pop Up Displays" rel="./images/Pop_Up_Displays_Category_Header3zxxs_1.png"></a>
-->
<!--Second category -->    <li class="TabbedPanelsTab TabbedPanelsTabSelected" tabindex="0" id="">
<a style="height:150px;overflow:hidden" href="product.asp?seriesid=97&amp;catID=91"><span class="tab_category_menu_img" title="Blade" style="width:120px;height:120px;display:block;" rel="../../Products/58.png"><img width="120" height="120" alt="Blade" src="../../Products/58.png"></span><br>Blade</a>
          <div class="border-div"></div>
          </li>
  
    <li class="TabbedPanelsTab" tabindex="0" id="">
<a style="height:150px;overflow:hidden" href="product.asp?seriesid=98&amp;catID=91"><span class="tab_category_menu_img" title="LED" monitor="" style="width:120px;height:120px;display:block;" rel="../../Products/40inch-1.png"><img width="120" height="120" alt="LED" src="../../Products/40inch-1.png"></span><br>LED Monitor</a>
          <div class="border-div"></div>
          </li>
  
    <li class="TabbedPanelsTab" tabindex="0" id="">
<a style="height:150px;overflow:hidden" href="product.asp?seriesid=99&amp;catID=91"><span class="tab_category_menu_img" title="Brandstand" wave="" style="width:120px;height:120px;display:block;" rel="../../Products/TVZ0.png"><img width="120" height="120" alt="Brandstand" src="../../Products/TVZ0.png"></span><br>Brandstand Wave</a>
          <div class="border-div"></div>
          </li>
  
</ul>
<!--product-->
<div class="TabbedPanelsContentGroup">   
      
<div class="TabbedPanelsContent TabbedPanelsContentVisible" style="display: block;">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tbody><tr>
  <td width="100">
  <p class="prodtct_category"><strong><a href="product.asp?seriesid=97&amp;catID=91">Blade</a></strong></p><div class="prodtct_p"><a href="product.asp?seriesid=97&amp;catID=91" rel="91"><span class="product-tip" style="display:none;"><hr title="V58" class="product.asp?seriesid=97&amp;catID=91" rel="../../Products/58.png"></span>V58</a></div><div class="prodtct_p"><a href="product.asp?seriesid=97&amp;catID=91" rel="91"><span class="product-tip" style="display:none;"><hr title="V46" class="product.asp?seriesid=97&amp;catID=91" rel="../../Products/46.png"></span>V46</a></div><div class="prodtct_p"><a href="product.asp?seriesid=97&amp;catID=91" rel="91"><span class="product-tip" style="display:none;"><hr title="V40" class="product.asp?seriesid=97&amp;catID=91" rel="../../Products/40-1.png"></span>V40</a></div>
        </td>
<td id="product-tip-td-0-246" class="product-tip-td" align="right" style="text-align:right"><a><span class="product-tip" style="position:relative;"><span class="product-tipdiv-div"><span class="product-tip-content"><span class="img">&nbsp;</span></span></span></span></a></td></tr>
</tbody></table></div>
       
<div class="TabbedPanelsContent" style="display: none;">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tbody><tr>
  <td width="100">
  <p class="prodtct_category"><strong><a href="product.asp?seriesid=98&amp;catID=91">LED Monitor</a></strong></p><div class="prodtct_p"><a href="product.asp?seriesid=98&amp;catID=91" rel="91"><span class="product-tip" style="display:none;"><hr title="40&quot; Monitor" class="product.asp?seriesid=98&amp;catID=91" rel="../../Products/40inch-1.png"></span>40" Monitor</a></div><div class="prodtct_p"><a href="product.asp?seriesid=98&amp;catID=91" rel="91"><span class="product-tip" style="display:none;"><hr title="32&quot; Monitor" class="product.asp?seriesid=98&amp;catID=91" rel="../../Products/32inch-1.png"></span>32" Monitor</a></div>
        </td>
<td id="product-tip-td-0-246" class="product-tip-td" align="right" style="text-align:right"><a><span class="product-tip" style="position:relative;"><span class="product-tipdiv-div"><span class="product-tip-content"><span class="img">&nbsp;</span></span></span></span></a></td></tr>
</tbody></table></div>
       
<div class="TabbedPanelsContent" style="display: none;">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tbody><tr>
  <td width="100">
  <p class="prodtct_category"><strong><a href="product.asp?seriesid=99&amp;catID=91">Brandstand Wave</a></strong></p><div class="prodtct_p"><a href="product.asp?seriesid=99&amp;catID=91" rel="91"><span class="product-tip" style="display:none;"><hr title="TV Stand" class="product.asp?seriesid=99&amp;catID=91" rel="../../Products/TVZ0.png"></span>TV Stand</a></div>
        </td>
<td id="product-tip-td-0-246" class="product-tip-td" align="right" style="text-align:right"><a><span class="product-tip" style="position:relative;"><span class="product-tipdiv-div"><span class="product-tip-content"><span class="img">&nbsp;</span></span></span></span></a></td></tr>
</tbody></table></div>
       
  </div> 
</div>
<script type="text/javascript">
//<!--
var TabbedPanels91 = new Spry.Widget.TabbedPanels("TabbedPanels91");
//-->
</script>
</div>然后导航的js：http://brandstand.kmdns.net:83/Brandstand/httpdocs/brandstand/new/js/prototype.js

Answer 6

应该是default.js报错导致后面的代码不执行了吧..
楼主开js调试看看，default.js有两个地方报错了