Загрузка вкладки Jquery из maphilight href

0

Я видел много потоков об этом онлайн, но ни один из них не представляет собой приемлемого решения. Я просто пытаюсь переключить различные вкладки в виджет вкладки 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/

  • 0
    Можете ли вы предоставить скрипку?
  • 0
    да, и используйте return false; в последней строке вашей функции, когда вы пытаетесь инициировать привязку ( <a> ) события onclick.
Показать ещё 3 комментария
Теги:

1 ответ

0
Лучший ответ

Я манипулирую своей скрипкой, она работает с жадностью. обновленная скрипка

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

  • 0
    Здравствуйте, OMiD, спасибо за ваш вклад. Должно быть, я что-то упустил, но, похоже, ваше решение не работает. Когда я попробовал твой Jsfiddle и нажал на ссылку TEST, ничего не произошло ..?
  • 0
    попробуйте это: jsfiddle.net/spyt9/4, но не забудьте перейти на другую вкладку и затем нажать на тест, ваш селектор использует классы, но у вас нет никаких классов на вашем внешнем href! Я просто добавляю класс в ваш HTML: <a href="#tabs2-1" class="open-tab">TEST 1</a>
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню