Jquery и Safari

Question

У меня проблема с JQuery и Safari (версия для Windows). Код работает на FF / IE7 / Chrome, но не на Safari.

У меня есть простой <li>, в который встроено <div>, чтобы щелкнуть по <li>, чтобы открыть скрытый div, но не в Safari.

HTML:

<ul>
<li>something</li>
<li>something2</li>
<li class="more">
        <a href="" class="moreFacetsLink">Click to see more options</a>
        <div class="moreFacets">bunch of text</div>
</li>
</ul>

Вот код JQuery:

<code>
     $('.moreFacetsLink').click(function () {<br>
        $(this).siblings('div').toggle();
     });

Есть мысли о том, что здесь может происходить? Опять же - похоже, это работает во всех других браузерах!

Я новичок, когда дело доходит до JQuery.

Спасибо!

Answer 1

Насколько точна ваша вставка HTML?

Вы никогда не закрывали свой тег привязки «moreFacetsLink», что, вероятно, заставляет Safari думать, что он неявно закрыт, а «сгусток текста» окружен дополнительным, незакрытым без классов HREF тегом привязки ... доказано тем, что это:

$(".moreFacetsLink").click(function () {
    $(this).siblings("a").children("div").toggle();
});

... делает то, что вы хотите с отправленной разметкой.

Правильно закройте свой якорный тег (бонусные баллы за включение атрибута href), и все будет хорошо.

Answer 2

Сначала вам нужно проверить, выполняет ли браузер обратную передачу, и если это правда, вы можете избежать этого следующим образом

$('.moreFacetsLink').click(function (e) {
    e.preventDefault(); // this prevent postback

    $(e.target).siblings('div').toggle();
});

попробуйте это: $(e.target) вместо этого $(this)
Это может быть по-другому

надеюсь, это поможет

Answer 3

Я почти уверен, что вам нужно return false; из функции щелчка, чтобы отменить ссылку.

Answer 4

href = "" перезагружает вашу страницу в сафари
Я попытался бы использовать css, чтобы подчеркнуть и стилизовать его, и отбросить пустой href.