jquery tabs question

내 웹 사이트에 jquery 탭을 만들었습니다. 내 탭 중 하나의 내용 안에 애플리케이션 버튼이 있습니다. 단추 중 하나를 클릭하면 (이 단추에는 다른 링크가 포함되어 있음) 탭 페이지에서 다른 페이지로 이동하고 다른 페이지의 내용을 엽니 다. 나는 그것을 원하지 않으므로 내가 무엇을해야합니까?jquery tabs question

출처

2011-05-05 bobo

코드를 추가해야합니다. 코드를 보여주십시오. –

** 어디에서 ** 링크를 열려고합니까? 귀하의 도메인에있는 URL에 링크가 연결되어 있습니까? –

안녕하세요! 귀하가 사이트를 처음 보신다는 것을 알기 때문에, 귀하의 질문에 대한 더 나은 답변을 얻을 수있는 지침을 제공하기를 바랍니다. 무엇보다도 문제를 보여주는 소스 코드 (가능한 작고 단순하게 유지하십시오)를 제공하십시오. 불행히도, 우리는 볼 수없는 코드를 디버깅 할 수 없습니다. – JasCav

당신은 ...

$(".btn").click(function() { 

// Code to run goes here... 

Return False // - Stops the link from firing 
}

또는 사용 JQuery와 당신이로 preventDefault 할 수 있습니다에

$(".btn").click(function(e) { 

// code here... 

e.preventDefault(); 
}

출처

2011-05-05 15:19:23

단추가 보고서 뷰어 웹 파트에 있습니다. – bobo

일부 코드 메이트를 게시해야 할 수도 있습니다. –

내 코드는 여기에 있습니다 : http://stackoverflow.com/questions/5872315/jquery-tabs-problem – bobo

<!DOCTYPE html> 
<html> 
<head> 
<META name="WebPartPageExpansion" content="full"> 
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 

    <script> 
    $(document).ready(function() { 
    $("#frame-1").attr("src","http://www.google.com"); 
    $("#frame-2").attr("src","http://www.google.com"); 
    $("#frame-3").attr("src","http://www.google.com"); 
    $("#frame-4").attr("src","http://www.google.com"); 
    $("#tabs").tabs(); 
    }); 
    </script> 
</head> 
<body style="font-size:62.5%;"> 

<div id="tabs"> 
    <ul> 
      <li><a href="#tabs-1">site1</a></li> 
      <li><a href="#tabs-2">site2</a></li> 
      <li><a href="#tabs-3">site3</a></li> 
      <li><a href="#tabs-4">site4</a></li> 
     </ul> 
      <div id="tabs-1"> 
      <iframe id="frame-1" src="http://www.facebook.com" width="100%" height="500"> 
      <p>Your browser does not support iframes.</p> </iframe> 
      </div> 
    <div id="tabs-2"> 
      <iframe src="http://www.google.com" id="frame-2" width="100%" height="500"> 
      <p>Your browser does not support iframes.</p></iframe> 
    </div> 
    <div id="tabs-3"> 
      <iframe src="url3" width="100%" id="frame-3" height="500"> 
      <p>Your browser does not support iframes.</p></iframe> 
    </div> 
    <div id="tabs-4"> 
      <iframe src="url4" id="frame-4"> 
      <p>Your browser does not support iframes.</p></iframe> 
    </div> 



</div> 
</body> 
</html>

출처

2011-05-05 15:39:35

분명히 URL에 대한 URL을 변경하지만 탭을 클릭하기 전에 iframe src에 미리로드됩니다. –

jquery tabs question

답변

관련 문제