iOS Safariでブートストラップメニューの折りたたみボタンを操作する方法は？

Question

私はSafari iOS以外のすべてで動作するブートストラップボタンを持っています。他のいくつかのフォーラムのようにhref属性を追加しました。そして、カーソル：ポインタとZ-インデックス：3000が私のボタンに追加されました。他のいくつかの場所では、data-parentではなくdata-parentを使用するように提案されていましたが、それは他のブラウザでも機能しませんでした。ここで

は私のボタンのコードです：次のように.navbar-トグルの

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" href="#navbar" aria-expanded="false" aria-controls="navbar" style="cursor: pointer; z-index: 3000;"> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
</button> 

CSSは次のとおりです。あなたの携帯電話を使用している場合

.navbar-toggle { 
    position: relative; 
    float: right; 
    padding: 11px 10px; 
    margin-top: 8px; 
    margin-right: 15px; 
    margin-bottom: 8px; 
    background-color: transparent; 
    background-image: none; 
    border: 1px solid transparent; 
    border-radius: 4px; 
} 
.navbar-toggle:focus { 
    outline: 0; 
} 
.navbar-toggle .icon-bar { 
    display: block; 
    width: 22px; 
    height: 2px; 
    border-radius: 1px; 
} 
.navbar-toggle .icon-bar + .icon-bar { 
    margin-top: 5px; 
} 
@media (min-width: 768px) { 
    .navbar-toggle { 
    display: none; 
    } 
} 

Answer 1

  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button>