jQueryを使用してiframe srcを編集します

Question

なぜ私のコードはiframe srcに貼り付けられませんか？それはHTMLでただ空です。

<iframe id="Stream" src="" class="col-sm-12" frameborder="0" scrolling="no"></iframe> 
<iframe id="Chat" src="" frameborder="0" scrolling="no"></iframe> 

$('#Stream').attr("https://player.twitch.tv/?channel=" + channel, url) 
$('#Chat').attr("https://www.twitch.tv/" + channel + "/chat?popout=", url) 

Answer 1

attr()メソッドを呼び出すためのあなたの構文が正しくありません。最初の引数は属性の名前で、2番目の引数は設定する値です。この場合には可能な限りprop()メソッドを使用することもお勧めします。

$('#Stream').prop('src', "https://player.twitch.tv/?channel=" + channel); 
$('#Chat').prop('src', "https://www.twitch.tv/" + channel + "/chat?popout="); 

attr() method
prop() method

要求されたドメインがX-Frame-Optionsを使用してサードパーティのウェブサイトでiframe内にレンダリングされるように、それ自体を禁止している場合、これはまだ正常に動作しない場合があります。

Answer 2

iframeのソースパスを変更するもう1つの方法。

以下で確認してください。

$('#Stream').attr("src","https://player.twitch.tv/?channel=" + channel); 
$('#Chat').attr("src","https://www.twitch.tv/" + channel + "/chat?popout=");