2015-04-15 4 views
0

Я использую 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> 

Однако, когда вкладки переключаются на аккордеон, перенаправление не работает. Мне нужен способ заставить названия аккордеона открывать внешний URL при нажатии.

Любая помощь была бы очень признательна. Я совсем не разбираюсь в javascript/jQuery, поэтому я его прикрываю.

+0

На странице, которую вы предоставили (demo.html), находятся на соответствующих вкладках? Я искал исходный код для 'tab-4', но не нашел совпадений. Кроме того, исходный код содержал только два экземпляра ' IronFlare

+0

Так что извините, опечатка в URL-адресе. Правильный и эффективный код для вкладок. в то время как вкладки находятся в верхней части страницы, и ссылка на демонстрационную страницу была изменена. Атрибуты вкладки не переносятся в режим аккордеона, поэтому это не сработает. не знаю, что делать, чтобы заставить его работать в режиме аккордеона. Я просто помогаю другу, который разработчик покидает его. Спасибо за вашу помощь. – SepiaWillow

+0

Когда вы говорите «гармонический режим», где на странице находятся элементы, которые вы имеете в виду? Вы говорите о ссылках в нижней части страницы в сером ди v? – IronFlare

ответ

2

Возможно, событие вашего клика становится несвязанным, поскольку элементы воссозданы для нового макета (согласованного). Попробуйте более устойчивое связывание:

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

Успех! Спасибо! – SepiaWillow

Смежные вопросы