1

ナビピルでブートストラップを使用しています。タブのリンクに/記号を付けると、そのタブは機能せず、クリックするとjquery独自のコードでjavascriptエラーがスローされます。どうすればこれを修正できますか?

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<ul class="nav nav-pills">
  <li class="active"><a data-toggle="pill" href="#ax">First</a></li>
  <li><a data-toggle="pill" href="#b/x">Second with / sign</a></li>
  <li><a data-toggle="pill" href="#cx">Third</a></li>
</ul>

4

1 に答える 1

1

文字/は特殊文字です。つまり、エスケープする必要があります。これを行うには、その前に
a を追加します。\

最終的なコードは次のようになります。

<ul class="nav nav-pills">
    <li class="active"><a data-toggle="pill" href="#ax">First</a></li>
    <li><a data-toggle="pill" href="#b\/x">Second with / sign</a></li>
    <li><a data-toggle="pill" href="#cx">Third</a></li>
</ul>
于 2016-06-12T16:35:41.400 に答える