解決させたいことは、YahooショッピングでjQueryのbxsliderとタブの切り替えを使用しているのですが、aタグが使われているナビゲーションをクリックした際、リンクが有効になってしまいます。
テストサーバーで同一のhtmlを記述したサイトでは問題なく動作しているのですが、
ご教授いただけますでしょうか。
Yahooショッピングサイト
htmlテストサイト
<script type="text/javascript" > jQuery(document).ready(function(){ jQuery('#slider-na').bxSlider({ pager: false, auto: true, minSlides: 7, maxSlides: 7, slideWidth: 735, slideMargin: 10 }); jQuery('.scroll-pane').jScrollPane(); }); </script> <script> jQuery(document).ready(function(){ jQuery(".tabset").each(function(){ var set = jQuery(this); var btn = set.find("ul.tabset_tab li a"); var setpael = set.find("ul.tabset_tab li a.select"); var panel = set.find(".tabset_panel div"); var setpanelID = jQuery(setpael).attr("href"); //パネル初期設定 jQuery(panel).hide(); jQuery(".tabset_panel div"+setpanelID).show(); //アクション jQuery(btn).click(function(){ jQuery(btn).removeClass("select"); jQuery(this).addClass("select"); jQuery(panel).hide(); jQuery(jQuery(this).attr("href")).show(); return false; }); }); }); </script>
ここから追記
tabsetのタブパネルになります。 <div class="box ranking"> <div class="tabset"> <ul class="tabset_tab"> </div> </div> <!--tabset_end--> </div> </div> bxスライダーの両サイドにあるナビゲーションになります。 <div class="box newarrival"> <ul id="slider-na">
回答1件
あなたの回答
tips
プレビュー