如何使一個封閉的手風琴選項卡中打開外部URL點擊

當我使用JelleKralt響應標籤在https://github.com/jellekralt/Responsive-Tabs這種設計：http://www.sitesellprosdesign.com/demo.html 如何使一個封閉的手風琴選項卡中打開外部URL點擊

我需要一些選項卡打開外部URL，是能成功這樣做使用：

<script type="text/javascript"> 
$('a[href^="#tab-4"]').on('click', function(event) { 
    window.location.href="http://www.google.com"; 
    }); 
    </script>

但是，當標籤切換到手風琴，重定向不起作用。我需要一種方法讓點擊時手風琴標題打開外部網址。

任何幫助將不勝感激。我一點都不熟悉javascript/jQuery，所以我在這裏翻了一番。

來源

2015-04-15 SepiaWillow

您提供的頁面（demo.html）的哪個位置是有問題的選項卡？我搜索了'tab-4'的源代碼，但沒有找到任何匹配。另外，源代碼只包含''標籤。「pros.sitesell.com」是在你發佈的鏈接之後進行的，這是鏈接應該導致的位置嗎？ – IronFlare

非常抱歉，在網址中輸入錯誤，發佈的代碼對於標籤是正確和有效的。手風琴模式，這些標籤位於頁面的頂部，並且鏈接到演示頁面的鏈接已被修改，標籤屬性不會傳遞到手風琴模式，這就是爲什麼它不起作用。不知道該怎麼辦才能讓它以手風琴模式工作，我只是幫助一位開發者退出的朋友，感謝您的幫助 – SepiaWillow

當您說「手風琴模式」時，頁面上的哪些元素是你指的是？你是在談論灰色di中頁面底部的鏈接V' – IronFlare

可能是因爲您爲新佈局（手風琴）重新創建元素而導致您的單擊事件取消綁定。嘗試使用更具可持續性的綁定：

$(document).on('click', 'a[href="#tab-4"]', function() { 
    window.location.href = "http://stackoverflow.com/"; 
});

來源

2015-04-16 12:02:35 Mackan

成功！謝謝！ – SepiaWillow

如何使一個封閉的手風琴選項卡中打開外部URL點擊

回答

相關問題