2016-09-07 2 views
0

웹 사이트는 http://www.cscc.org.sg찾아 탭 모듈을 트리거 jQuery를 기능을 비활성화

홈 페이지 내가 디비 Builder를 사용하여 빌드 섹션, 서비스 이번 주말 가지고있다 - 탭 모듈.

마지막 탭 제목을 설정하여 다른 페이지에 연결하는 것을 선호합니다. jQuery를 사용하여 링크를 삽입 할 수 있습니다. 내 문제는 비록 내가 링크를 삽입 할 수있는 코드에서 링크를 볼 수 있습니다 (내 테스트 인스턴스에 설정 한 첨부 된 스크린 샷을 참조하십시오).

<script> 
     var $=jQuery.noConflict(); 
     $("ul > li").last().find("a").attr("href", "http://www.google.com"); 
    </script> 

내가 생각하는 탭 모듈은 사용자가 링크를 클릭 할 때 표시 할 탭의 컨텐츠를 트리거 자체 jQuery를 가지고 있다는 것입니다 :

Not only the live site but on my testing instance.

여기 내 jQuery 코드입니다.

누군가이 jQuery 기능을 찾도록 도와 줄 수 있습니까?

누군가가 마지막 탭을 클릭했을 때이 jQuery를 비활성화하는 방법에 대한 도움이 필요합니다.

HTML (https://jsfiddle.net/ckctam34/L4fvyr70/)에서 시도해 보았지만 제대로 작동합니다.

감사합니다!

답변

0

나는 JS가 나를 도울 수 있다는 것을 깨달았다.

코드는 링크를 클릭하면 자바 스크립트 기능을 트리거하여 새 페이지로 리디렉션합니다.

그래서 jQuery를 사용하여 목록 끝에 자체 ID가있는 링크를 추가합니다.

<script type='text/javascript'> 
function abc() { 
    window.location='http://www.cscc.org.sg/home/planning-a-visit#weekly-services'; 
} 
</script> 
:

<script> var $=jQuery.noConflict(); 
$("ul.et_pb_tabs_controls").append("<li style='line-height: 2em;' id='other'><a onclick='abc();' href='http://www.cscc.org.sg/home/planning-a-visit/#weekly-services'>Other Services</a></li>"); 
</script> 

나는 다음과 같은 자바 스크립트 함수를 추가