2009-08-07 3 views
1

자바 스크립트 함수를 호출하는 링크를 만들고 싶습니다. 링크 텍스트를 함수에 전달하고 싶습니다.jquery - 페이지의 텍스트를 대화 상자에 전달하십시오.

원래 링크의 이름을 표시하는 대화 상자를 만들려고합니다. jquery가 도움이 되겠습니까?

<a href="#" id="mylink">Some Text here</a> 

$('#mylink').click(function(){ myfunc($(this).text()); return false; }); 

답변

1

하지 않습니다.

나는 숨겨진 사업부를 만들 것입니다 :

<!-- Temporary elements --> 
<!-- ui-dialog --> 
<div id="dialog" title=" "> 
</div> 

그리고 $ (문서)의

추가 .ready :

jQuery('#dialog').dialog({ 
    autoOpen: false, 
    modal: true, 
    width: 625, 
    position: 'center' 
}); /* end #dialog */ 

그런 다음, 링크의 클릭 이벤트에 제목을 설정하고 텍스트 형식 :

jQuery('.ui-dialog-title').text(/* yourtext */); 
jQuery('.ui-dialog-content').html(/* link name or whatever */); 

jQuery('#dialog').dialog('open'); 
return false; 

이러한 클래스는 대화 상자에서 자동으로 추가됩니다.

편집 : 잊지 말고, 동일한 클릭 이벤트로 대화 상자를 열고 false를 반환하여 원본 링크 href가 실행되지 않도록 할 수 있습니다. 이전 답변을 확장

+0

이 코드는 무엇을 수행합니까? 링크의 텍스트를 확인 대화 상자에 표시하려고합니다. – leora

3

jQuery를 UI를 쉽게 만들 수있는 dialog function을 가지고 : 이것이 당신이 찾고 있지만 무엇 정확하게 확실

+0

링크의 클릭 이벤트에이 코드를 어떻게 넣으시겠습니까? – leora

0

당신은이 (JQuery와 필요)해야 대화 상자를 원하는 경우 :

<a href="#" id="mylink">Some Text here</a> 

$('#mylink').click(function(){ alert($(this).text()); return false; }); 
+0

다음 코드를 어디에 넣으시겠습니까? $ ('# mylink'). (function() {alert ($). 텍스트}); 페이지 어디에서나? – leora

+0

대화 상자 경고가 필요하면 링크의 onclick 이벤트를 넣을 수 있습니다 : "function() {alert ($ this) .text()}; return false;}" –

1

이 일 비의 jQuery 방법은 링크에 간단한 온 클릭 핸들러를 할당하는 것입니다

<html> 
<head> 

    <script> 
     function foo(link) 
      { 
       alert(link.innerHTML); 
       return false; 
      } 
    </script> 
</head> 
<body> 
    <a href="#" onclick="foo(this);">blah</a> 
</body> 
</html> 
관련 문제