使用jQuery更改屬性在Chrome中似乎不起作用

Question

我有這個jsbin http://jsbin.com/ehidi。我想更改數據屬性和參數[name =「movie」]值屬性。它似乎適用於Firefox，但不適用於Google chrome或Safari（webkit？）。

謝謝！

Answer 1

你有兩個問題。

1. 您在param[name="movie"]上設置了錯誤的屬性。您正在設置data屬性而不是value屬性。
2. 你的問題不一定是jQuery;這是WebKit中Flash播放器的行爲。當底層DOM對象被修改時，WebKit中的Flash Player不會自動重新加載。

請試試此代碼。它會重寫正確的屬性，並通過刪除然後重新添加Flash播放器對象到DOM並重新加載Flash播放器。

jQuery('#video-page-wrapper li a').click(function() { 
    var url = "http://youtube.com/v/" + jQuery(this).attr("id"); 
    jQuery('.video-page object').attr({ data: url }); 
    jQuery('.video-page param[name="movie"]').attr({ value: url }); 
    jQuery('.video-page object').remove().appendTo('.video-page'); 
});