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");
});
正しい方向で私を指すような人はいますか?
ありがとうございます!
を行います使用してコンテンツをロードした後、再びシンプルなツールチップを結合、推測します!私はちょうどplopped:simple_tooltip( "a"、 "tooltip"); Ajaxコードの一番下にあり、現在は機能しています。ありがとうShyju :) – AshBestos