jquery UI 탭에서 원하지 않는 페이지 새로 고침

이미 Jquery UI 탭을 사용했습니다. 그러나 새 프로젝트에서는 세부적인 탭이 필요합니다. this jquery ui demo을 사용했지만 탭을 클릭하면 모든 페이지가 새로 고쳐집니다. (그게 내 작품에서 달성해야 할 것입니다)jquery UI 탭에서 원하지 않는 페이지 새로 고침
이제는 문제가 조금 다른 것 같아요. 앵커 태그 (이 시점에서 jquery UI 태그가 아닌 앵커 태그에 대해서만 말하고 있음)를 사용하면 페이지가 새로 고쳐집니다. 클릭 이벤트를 발생시키지 않는 페이지를 href로 사용하면 페이지가 새로 고침되지 않지만 내 경우에는 페이지가 새로 고쳐집니다.

나는 여전히 onclick='return false;'을 사용하여 페이지를로드합니다. 나는 이유를 모른다. 내가 잘못하고있는 것에 대해 단서를 얻지 못할 수도 있습니다.

(포인트 1 & 2) 웹에서 검색했지만 아직 답변을 얻지 못했습니다. 스크린 샷 enter image description here 미리 감사드립니다.

출처

2014-03-03 Dharmik

당신이 당신의 코드를 표시하거나 우리를 위해 온라인 데모를 만들 수 있습니다. –

우리가 아마도 당신을 도울 수 있다면 코드의 일부를 보여 주어야합니다 – curtisk

난 당신이 지정한 URL의 소스보기에서 DOM 구조를 클릭 오해 믿고 DOM 구조 이 HREF에 대한 #이 없지만를 확인하는 대신 # 탭-1 ID 탭-1

출처

2014-03-03 05:23:59

편집 된 질문을 참조하십시오. – Dharmik

와 사업부를 연다

당신은

HTML, 같은 div-tab-id와 anchor elements 당신의 href을 변경해야

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">Nunc tincidunt</a></li> 
     <li><a href="#tabs-2">Proin dolor</a></li>  
    </ul> 
    <div id="tabs-1"> 
     <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus.....</p> 
    </div> 
    <div id="tabs-2"> 
     <p>Morbi tincidunt, dui sit amet facilisis feugiat,....</p> 
    </div> 
</div>

SCRIPT

$(function() { 
    $("#tabs").tabs(); 
});

여기

, tabs-1 및 tabs-2는 div elements의 ID 및 achor tag href에 주어진다.

Live Demo

출처

2014-03-03 05:25:13

예. 나는 그 코드를 사용했다. 하지만 작동하지 않습니다. 페이지를 새로 고칩니다. – Dharmik

그냥 내 코드를 복사하고 사용해보십시오. 필수'js '와'css'를 모두 포함해야한다는 것을 기억하십시오. 또는 귀하의 코드를 보여주십시오. –

이미 내 코드에서 사용하고 있습니다. 해당 코드를 복사하고 다른 페이지에 저장하면 내 관리자 패널에서뿐만 아니라 원하는대로 작동합니다. – Dharmik

다음 코드는 트릭을 할 것입니다 :

onclick='event.preventDefault();'

출처

2014-08-19 06:01:29 Nizam

jquery UI 탭에서 원하지 않는 페이지 새로 고침

답변

관련 문제