又来了一个困扰了我半小时的问题,这段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 ::>_<::)