thickbox埋め込みタグの内容を読み込めません

Question

thickboxに関するアドバイスが必要です。 私はちょうどthickboxインラインの例に従ってきましたが、私が望むように私のページにdivの内容を読み込めませんでした。私のHTMLコードとそのようなjqueryコード。私の問題に対する提案はありますか？

$(".artist").hover(function(){ 
     var artistname = $(this).attr("title"); 
     var artist = "<embed hspace=\"5\" vspace=\"5\" "; 
     artist += "src=\"http://abc.vn/res/music/passion/MP3_Player.swf\""; 
     artist += "menu=\"false\" quality=\"high\" width=\"330\" height=\"338\""; 
     artist += "name=\"index\" allowScriptAccess=\"never\" type=\""; 
     artist += "application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\""; 
     artist += "flashvars=\"&amp;config=http://abc.vn/res/music/passion/MP3_Config.xml&amp;"; 
     artist += "file=http://abc.vn/listsong.hightway?artist=" +artistname+ "\""; 
     artist += "wmode=\"transparent\" border=\"0\"></embed>"; 

     $("#tooltip_artist").replaceWith(artist); 
     $("#tooltip_artist").css({display:"none"}); 
    },function(){}); 

<a class="artist" title="singer's name" rel="#TB_inline&inlineId=tooltip_artist" href="/singer's name">singer's name</a> 

ありがとうございました！

Answer 1

最初のホバリングの後、$（ 'tooltip_artist'）ノードがswf - >以降のホバリングでは置き換えられないため、ここでreplaceWithを使用するのは賢明ではありません。 .html（）メソッドを使用して埋め込みコードを$（ 'tooltip_artist'）に挿入する方が良いでしょう。

あなたが属性をエスケープする必要がないように、私は、HTMLスニペットのための二重/単一引用符を使用すると思いますが、すべての時間を引用

var artist = '<embed hspace="5" vspace="5">'; 

最後に、あなたが使用することを確認します。ここにホバー？明らかに、あなたの意図は、ユーザーが彼の名前の上に浮かんでいる間、アーティストの音楽を演奏することです。

しかし、この場合、あなたのアプローチは間違っています。ユーザーがページ上のどこかにスクリプト可能なmp3プレーヤーを埋め込み、ユーザーがトラック名にカーソルを合わせたときに再生メソッドを起動する方がよいでしょう。これは、いつもswfムービーを.hover上で再インスタンス化するのと比べてはるかに優れたパフォーマンスを提供します。jQuery用の素晴らしいjPlayerプラグイン（CSSで完全にスタイル可能）があります。