2014-04-27 2 views
0

비활성화 된 jquery UI 탭을 클릭하면 원치 않는 링크가 표시됩니다.클릭하면 jquery ui disabled tab 다음 링크 클릭

코드는

var $tabs = '<div id="layer-tabs">'+ 
       '<ul>'+ 
        '<li><a href="#layer-1"><span>1</span></a></li>'+ 
        '<li><a href="#layer-2"><span>2</span></a></li>'+ 
        '<li><a href="#layer-3"><span>3</span></a></li>'+ 
       '</ul>'+ 
       '<div id="layer-1"> </div>'+ 
       '<div id="layer-2"> </div>'+ 
       '<div id="layer-3"> </div>'+ 
      '</div>'; 

$("#tabs-parent").append(tabs); 

$("#tabs").tabs({ heightStyle: "fill", disabled : [0,1,2] }); 

은 당신의 위치가이 파일 말할 수 있습니다, 다음과 같이이다 : 그것을 /Users/user/website/index.html, 당신은 첫 달 수 탭을 클릭합니다 : ///이 C file : /// C : /Users/user/website/index.html/#layer-0. 어떻게 이런 일이 일어나지 않게 할 수 있습니까?

+0

URL에서 # layer-0을 (를) 삭제 하시겠습니까? – Dave

답변

0

비활성화 된 클래스가있는 탭에 대해서는 preventDefault를 사용하십시오.

+0

고맙습니다. $ ('# tabs'). (function (event) {event.preventDefault(); return false;}); – tAllan