jQuery工具提示彈出窗口重新插入標題值 - 工作是的！

Question

這是問題的第二部分：

在關閉彈出窗口時，我需要在彈出鏈接被點擊前重新插入title =「」值到原始值。彈出使用標題=「」值，在彈出的顯示，並從原來的標籤去掉它，好像有人懸停在鏈接不是在提示顯示。

的JS

this.contactPreview = function() { 
jQuery("a.contact").live('click', function(e){ 
     //store clicked link 
     var $this = jQuery(this); 
     //store title 
     var title = $this.attr('title'); 
     //remove title 
     $this.attr('title', ''); 

     //tip !== "" ? "<br />" + title : "";          

     jQuery("body").append("<p id='contact-info'>" + title + "<a id='close-contact' class='close-contact' style='color:red;'>Close</a></p>"); 

     //store reference to anchor and persist title on close-contact anchor 
     jQuery('#close-contact').data('anchor', $this).data('title', title); 

     jQuery("#contact-info").css("top", (e.pageY - xOffset) + "px") 
           .css("left", (e.pageX + yOffset) + "px") 
           .fadeIn(500); 
    }); 

    jQuery("#close-contact").live('click', function(){ 
     //store clicked link 
     var $this = jQuery(this); 
     //get anchor  
     var $anchor = $this.data('anchor'); 
     //get title 
     var title = $this.data('title'); 
     //set anchors title back 
     $anchor.attr('title', title);    
     //remove tip 
     jQuery('#contact-info').remove(); 

    }); 
}; 

// Use jQuery() instead of $()for WordPress compatibility with the included prototype js library which uses $() 
// http://ipaulpro.com/blog/tutorials/2008/08/jquery-and-wordpress-getting-started/ 
// See http://chrismeller.com/using-jquery-in-wordpress 
jQuery(document).ready(function(){ 

    // Call the function here 
    contactPreview(); 

}); 

的CSS

#contact-info{ 
    position:absolute; 
    border:1px solid #ccc; 
    background:#333; 
    padding:5px; 
    display:none; 
    color:#fff; 

的HTML

<a class='contact' title='this is what is in the popup'>Display popup</a> 

再次

感謝所有;）

Answer 1

不需要隱藏字段。您可以使用.data來保存信息。此外，我還利用所有主播點擊進行了現場直播。 1時，不需要x dom事件。

this.contactPreview = function() { 
    jQuery("a.contact").live('click', function(e){ 
      //store clicked link 
      var $this = $(this); 
      //store title 
      var title = $this.attr('title'); 
      //remove title 
      $this.attr('title', ''); 

      tip !== "" ? "<br />" + title : ""; 

      jQuery("body").append("<p id='contact-info'>" + title + "<a id='close-contact' class='close-contact' style='color:red;'>Close</a></p>"); 

      //store reference to anchor and persist title on close-contact anchor 
      $('#close-contact').data('anchor', $this) 
           .data('title', title); 

      jQuery("#contact-info").css("top", (e.pageY - xOffset) + "px") 
            .css("left", (e.pageX + yOffset) + "px") 
            .fadeIn(500); 
     }); 

     jQuery("#close-contact").live('click', function(){ 
      //store clicked link 
      var $this = $(this); 
      //get anchor  
      var $anchor = $this.data('anchor'); 
      //get title 
      var title = $this.data('title'); 
      //set anchors title back 
      $anchor.attr('title', title);    
      //remove tip 
      $this.parent.remove();   
     }); 
    };