Thickbox не загружать содержимое тега вставки - PullRequest
Новая
       18

Thickbox не загружать содержимое тега вставки

0 голосов
/ 29 мая 2009

Мне нужно несколько советов по поводу Thickbox, пожалуйста! Я просто следовал примеру в inline с параметром 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>

Спасибо за внимание!

1 Ответ

1 голос
/ 29 мая 2009

Прежде всего, здесь не стоит использовать replaceWith, потому что после первого наведения узел $ ('tooltip_artist') будет заменен вашим swf -> последующие наведения не будут работать. Лучше вставить код встраивания в $ ('tooltip_artist') с помощью метода .html ().

тогда я бы использовал двойные / одинарные кавычки для фрагмента html, чтобы вам не приходилось все время экранировать кавычки атрибутов 

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

Наконец, вы уверены, что хотите использовать .Что здесь? Очевидно, вы намерены сыграть музыку исполнителя, пока пользователь наводит курсор на его имя.

Но в этом случае ваш подход неверен. Вам лучше вставить mp3-плеер со скриптом где-нибудь на странице и активировать его метод воспроизведения, когда пользователь наводит курсор на название дорожки. Это дает гораздо лучшую производительность по сравнению с постоянным повторным созданием SWF-фильма в .hover. Существует замечательный плагин jPlayer для jQuery (полностью стилизованный с помощью CSS), вам следует взглянуть на это.

...