Я видел много потоков об этом онлайн, но ни один из них не представляет собой приемлемого решения. Я просто пытаюсь переключить различные вкладки в виджет вкладки JQuery UI с внешним href
Ближайший я чувствую, что у меня с этой проблемой было это решение, вставленное ниже, которое, похоже, не работает:
<script>
$(document).ready(function(){
$('#tabs2').tabs();
$('.open-tab').click(function(event) {
var tab = $(this).attr('href');
$('#tabs2').tabs('select', tab);
});
});
</script>
<div id="tabs2">
<ul>
<li><a href="#tabs2-1">Tab header 1</a></li>
<li><a href="#tabs2-2">Tab header 2</a></li>
<li><a href="#tabs2-3">Tab header 3</a></li>
<li><a href="#tabs2-4">Tab header 4</a></li>
<li><a href="#tabs2-5">Tab header 5</a></li>
</ul>
<div id="tabs2-1">
Tab Content 1
</div>
<div id="tabs2-2">
Tab Content 2
</div>
<div id="tabs2-3">
Tab content 3
</div>
</div>
Причина, по которой я хочу загрузить вкладки с внешними hrefs, заключается в том, что я загружу вкладку из утилиты david lynch maphilight. Примером такой ссылки является:
<area class="EU" shape="poly" title="France" href="#tabs2-1" coords="353,108,345,107,345,104,347,100,345,96,342,94,339,92,339,91,345,91,345,89,348,90,351,88,353,85,359,88,366,91,366,92,362,97,363,99,362,99,365,103,362,106,358,105,354,106,353,108">
Как вы можете видеть сверху, href дает вам идентификатор ссылки, поэтому я не хочу проиндексированного решения... Любая помощь будет принята с благодарностью, поскольку я медленно, но уверенно теряю рассудок, и я думаю, что у меня есть уже сломан ключ ввода :-) Спасибо заранее!
Jsfiddle: http://jsfiddle.net/Guill84/spyt9/
Я манипулирую своей скрипкой, она работает с жадностью. обновленная скрипка
Я просто использую return false
:
$(document).ready(function(){
$('#tabs2').tabs();
$('.open-tab').click(function(event) {
var tab = $(this).attr('href');
$('#tabs2').tabs('select', tab);
return false;
});
});
Изменение: ваш код html неверен, вы должны использовать селектор в вашей jQuery для вашей ссылки, он работает над этим: <a href="#tabs2-1" class="open-tab">TEST 1</a>
попробуйте: http://jsfiddle.net/spyt9/4/
<a href="#tabs2-1" class="open-tab">TEST 1</a>
return false;
в последней строке вашей функции, когда вы пытаетесь инициировать привязку (<a>
) события onclick.