关于bootstrap的dropdown效果在ios safari中无效的问题

又来了一个困扰了我半小时的问题,这段bootstrap的html代码在PC、在android的chrome上都跑的好好的,然而在IOS中就是不行。点了和没点一样,不会弹出dropdown。

<div class="dropdown">
    <a data-toggle="dropdown"><span class="glyphicon glyphicon-option-horizontal"></span></a>
    <ul class="dropdown-menu dropdown-menu-right" data-thumb-target="temp">
        <li><a href="#" class="thumb-up">赞</a></li>
        <li><a href="#" class="wonder">?</a></li>
        <li><a href="#" class="thumb-down">踩</a></li>
    </ul>
</div>

这么简单的一段代码,照着bootstrap的文档写的,在ios里就是弹不出来。没有报错没有提示,try catch也catch不到。

后来搜着搜着搜到了stackoverflow上才找到了答案。

<a>在IOS上不能没有href属性!不能没有href!不能没有href!

如果你的<a>恰好没给出href属性,那么好,safari就开始假装没看到,假装<a>不存在。html的问题嘛,js里也不会报错。safari就是毛病多,mdzz。

改成这样就好了:

<div class="dropdown">
    <a data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-option-horizontal"></span></a>
    <ul class="dropdown-menu dropdown-menu-right" data-thumb-target="temp">
        <li><a href="#" class="thumb-up">赞</a></li>
        <li><a href="#" class="wonder">?</a></li>
        <li><a href="#" class="thumb-down">踩</a></li>
    </ul>
</div>
(文章今日已有 1 人访问,总访问量 13 ::>_<::)
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇