Jquery 和 Safari

Question

我在使用 JQuery 和 Safari（Windows 版本）时遇到问题。 该代码适用于 FF/IE7/Chrome，但不适用于 Safari。

我有一个简单的

，其中嵌入了

- 单击

应该会显示隐藏的内容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 代码：

     $('.moreFacetsLink').click(function () {

        $(this).siblings('div').toggle();
     });

对于这里可能发生的事情有什么想法吗？ 再说一遍 - 这似乎适用于所有其他浏览器！

我是 JQuery 的新手。

谢谢！

Answer 1

您的 HTML 粘贴准确度如何？

您从未关闭过您的“moreFacetsLink”锚标记，这可能使 Safari 认为它已隐式关闭，并且“一堆文本”被一个额外的、无 HREF 的无类未关闭的锚标记包围...事实证明这：

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

... 使用您提交的标记执行您想要的操作。

正确关闭您的锚标记（包含 href 属性的奖励点），您应该可以开始了。

Answer 2

href="" 正在 safari 中重新加载您的页面
我会尝试使用 css 为其添加下划线和样式，并删除空的 href。

Answer 3

我很确定您需要从点击函数中返回 false; 来取消链接点击。

Answer 4

首先，您需要检查浏览器是否正在执行回发，如果这是真的，您可以像这样避免它

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

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

尝试： $(e.target) 而不是这个 $(this)

这可能是一种不同的方式

希望这有帮助