탭 링크가있는 부트 스트랩 nav 알약이 작동하지 않습니다.

nav 알약과 함께 부트 스트랩을 사용하고 있습니다. 탭의 링크에/기호를 삽입하면 해당 탭이 작동하지 않고 jquery 코드를 클릭하면 자바 스크립트 오류가 발생합니다. 이 문제를 어떻게 해결할 수 있습니까?탭 링크가있는 부트 스트랩 nav 알약이 작동하지 않습니다.

<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>

JSFiddle

출처

2016-06-12 Lay András

문자 / 당신이 그것을 탈출해야 의미 특수 문자입니다.
앞면에 \을 추가하면됩니다. \

<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-12 16:35:41

귀하의 솔루션은 작동하지만이없이 URL에 정확히/기호가 필요합니다 같은

귀하의 최종 코드가 보일 것이다. Ajax를 통해 탭 콘텐트를로드하는 경우, 내 링크에서/기호 만 필요합니다. JSFiddle : https://jsfiddle.net/dm3p4y1z/1/ –

속성을 제출하기 전에'.replace ("\ /", "/")'를 사용하는 것만 큼 간단하지 않습니까? –

탭 링크가있는 부트 스트랩 nav 알약이 작동하지 않습니다.

답변

관련 문제