ID группы вкладок jquery - PullRequest
Новая
       25

ID группы вкладок jquery

0 голосов
/ 29 апреля 2010

У меня проблема со скриптом jQuery UI Tabs, который не выбирает вкладки с точкой "." на их имя (ID).

Например, вот так: 

<script type="text/javascript">
    $(function () {
        $("#tabgroup\\.services").tabs();
    });
</script>

<div id="tabgroup.Services">
    <ul>

        <li><a href="#tab.service1">
            Service 1 title</a></li>

        <li><a href="#tab.service2">
            Service 2 title</a></li>

    </ul>

<div id="tab.service1">
    <p>content</p>
</div>

<div id="tab.service2">
    <p>content</p>
</div>

</div>

Проблема в том, что для выбора элемента с точкой в ​​его имени вам нужно использовать escape-символы (например, когда я инициализирую вкладки в моей группе вкладок). И, очевидно, реализация JS Tabs не делает этого. Хотя я могу сделать это на уровне группы вкладок, я не могу сделать это ниже, потому что это реализовано в файле JS вкладок, и я не хотел бы изменять его (если возможно).

1 Ответ

0 голосов
/ 29 апреля 2010

Если вы укажете его в хешах по ссылкам, оно будет работать, например: 

<div id="tabgroup.services">
<ul>
    <li><a href="#tab\.service1">
        Service 1 title</a></li>
    <li><a href="#tab\.service2">
        Service 2 title</a></li>
</ul>
<div id="tab.service1">
    <p>content</p>
</div>
<div id="tab.service2">
    <p>content</p>
</div>
</div>​

Это работает, потому что он использует хэш привязки в качестве селектора для вкладки, поэтому вам просто нужен селектор, который работает, чтобы найти нужную вкладку. Рабочий пример можно посмотреть здесь

...