2012-03-18 6 views
3

私のサイトで 'simple tip' jQueryツールチップコードを使用していますが、これはインデックスページ上で動作するはずですが、AJAX経由で読み込んでいる外部ページでは動作しません。Ajaxを読み込んだページで '単純なヒント' jQueryを処理するにはどうすればよいですか?

ここではライブの例を表示しています(削除済み - もう生きていません)。下のボックスにある5つの画像ではなく、カテゴリアイコンで作業していることがわかります。このコンテンツを単独で読み込むと動作しますが。 (/featured.html)

私はページをロードし、私は、人々が言及見てきたAJAXでのjQueryを使用しての被写体にここに検索した:

.live() 

が、私はちょうど実装する方法がわかりません次のようなツールチップコードに変換します。

function simple_tooltip(target_items, name){ 
$(target_items).each(function(i){ 
    $("body").append("<div class='"+name+"' id='"+name+i+"'><p>"+$(this).attr('title')+"</p></div>"); 
    var my_tooltip = $("#"+name+i); 

    if($(this).attr("title") != ""){ // checks if there is a title 

    $(this).removeAttr("title").mouseover(function(){ 
      my_tooltip.css({opacity:0.8, display:"none"}).fadeIn(50); 
    }).mousemove(function(kmouse){ 
      my_tooltip.css({left:kmouse.pageX-15, top:kmouse.pageY+30}); 
    }).mouseout(function(){ 
      my_tooltip.fadeOut(50); 
    }); 

    } 
}); 
} 

$(document).ready(function(){ 
simple_tooltip("a","tooltip"); 
});  

正しい方向で私を指すような人はいますか?

ありがとうございます!

答えて

1

私はアヤックスがそれであるトリック

$("#youdDiv").load("serverpage.php",function(){ 
    simple_tooltip("a","tooltip"); 
    }); 
+0

を行います使用してコンテンツをロードした後、再びシンプルなツールチップを結合、推測します!私はちょうどplopped:simple_tooltip( "a"、 "tooltip"); Ajaxコードの一番下にあり、現在は機能しています。ありがとうShyju :) – AshBestos

関連する問題