0

我需要一些关于厚箱的建议，拜托！我只是按照thickbox inline 中的示例进行操作，但无法根据需要在页面中加载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>

感谢您的关注！

4

1 回答 1

1

首先，在这里使用 replaceWith 是不明智的，因为在第一次悬停后，$('tooltip_artist') 节点将被替换为您的 swf --> 后续悬停将不起作用。最好使用 .html() 方法将嵌入代码插入到 $('tooltip_artist') 中。

然后我会为 html 片段使用双引号/单引号，这样您就不必一直转义属性引号

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

最后，您确定要在此处使用 .hover 吗？显然，您的意图是在用户将鼠标悬停在他的名字上时播放艺术家的音乐。

但在这种情况下，您的方法是错误的。您最好在页面某处嵌入一个可编写脚本的 mp3 播放器，并在用户将鼠标悬停在曲目名称上时触发其播放方法。与总是在 .hover 上重新实例化 swf 电影相比，这提供了更好的性能。有一个不错的 jPlayer jQuery 插件（完全可通过 CSS 设置样式），你应该看看。

于 2009-05-29T08:17:26.480 回答