jQuery에서 작동하지 않는 qtip 내의 텍스트 상자 값 읽기

Question

(일반적으로 작동하는 것처럼) 호버에 jQuery qtip을로드하고 있습니다. 이 qtip 안에는 텍스트 상자와 버튼이 있습니다. 이 버튼을 클릭하면이 텍스트 상자의 값으로 무엇인가를하고 싶습니다. 어떻게 든 jQuery의 .val() 함수는 텍스트 상자의 초기 값을 반환합니다. 내가 어디로 잘못 가고 있니?

jQuery 코드 : 팝업 qtip에 대한

$(function() { 
    $("#someplace").qtip({ 
     content: $("#popup"), 
     hide: { 
      fixed: true 
     }, 
     position: { 
      corner: { 
       tooltip: 'topMiddle', 
       target: 'bottomMiddle' 
      }, 
      adjust: { 
       x:-30, 
       y:-75 
      } 
     }, 
     style: { 
     width:'100px', 
      color:'white', 
      name:'tspopup' 
     } 
    }); 

    $("#button_in_the_qtip").click(
     function() { 
      var txt = $("#textbox_in_the_qtip").val(); 
      alert($("#textbox_in_the_qtip").attr('id')); // This returns "textbox_in_the_qtip" 
      alert(txt); // This returns "abc" <---- Problem 
     } 
    ); 
}); 

HTML 코드 :

<div style="display:none;" id="popup"> 
     <table cellpadding="5px" border="1" style="margin-top:12px; margin-bottom:12px; color:#fff; font-size:.7em;"> 
      <tr> 
       <td> 
        <input type="text" id="textbox_in_the_qtip" value="abc" /> 
       </td> 
       <td> 
        <button id="button_in_the_qtip">Add</button> 
       </td> 
      </tr> 
     </table> 
    </div> 

Answer 1

나는 당신의 코드를 시도하고 나는 문제가 당신이 사용하는 jQuery를 버전있을 것 같아요. qTip 사이트에 따르면 jQuery 1.3.2를 사용해야합니다. 이전 버전을 사용하면 코드가 작동합니다.

UPDATE :

문제는 전화 $("#button_in_the_qtip").click(...) 만 #popup div의 내부 버튼에 영향을 미치고 있다는 점이다. qTip의 작동 방식은 실제로 콘텐츠 div의 복제본을 만들고 대상 요소 위로 마우스를 가져 가야 툴팁에 대한 html을 생성합니다. 기본적으로 qTip이 생성 된 후에 클릭 리스너를 추가해야합니다. 이

이

api: { 
     onContentUpdate: function(){ 
      $("#button_in_the_qtip").click(function() { 
       var txt = $("#textbox_in_the_qtip").val(); 
       alert($("#textbox_in_the_qtip").attr('id')); // This returns "textbox_in_the_qtip" 
       alert(txt); // This returns "abc" <---- Problem 
      }); 
     } 

유일한 마지막 단계는 당신이 qtip 옵션에서 바로 할 수있는 페이지에서 #popup을 제거하는 것입니다 onContentUpdate qtip API를 콜백의 내부에 버튼 기능을 이동 해결하려면

content: $("#popup").remove(), 

그렇지 않으면이 같은 ID를 가진 페이지에 중복 요소가 될 것이며, jQuery를 그렇게 좋아하지 않기 때문이 필요합니다.