用jquery將鏈接src加載到iframe中

-1

我想知道是否有可能讓jQuery查看div類中的一組鏈接，並且當單擊其中一個鏈接時，該鏈接的src將加載到iframe中。用jquery將鏈接src加載到iframe中

我認爲這會是這樣的

$(function() { 
$('.link_group a').on('click', function(){ 
    $('iframe#frameID').attr('src', $(this).attr); 
}); 
});

編輯 - 我的jQuery現在看起來是這樣

$(function() { 
$('.link_group a').on('click', function(){ 
$('iframe#frameID').attr('src', $(this).prop('href')); 
}); 
});

HTML

<div class="link_group"> 
<a href="Link 1.asp">Link 1</a> 
<a href="Link 2.asp">Link 2</a> 
<a href="Link 3.asp">Link 3</a> 
<a href="Link 4.asp">Link 4</a> 
</div>

但是那絕對不是工作..

誰會知道如何正確地做到這一點？

來源

2012-07-09 xxstevenxo

你必須將參數傳遞到方法attr()，並且還選擇屬性：

$(this).attr('href')

或最近在jQuery的：

$(this).prop('href');

而且，id是在文檔中唯一的，所以除非你使用完全相同的其他頁面相同的腳本和使用id其他元素類型，指定iframe是多餘的，並且可能會降低選擇器的速度。

來源

2012-07-09 22:18:40

謝謝你的回覆。我嘗試了'$（'iframe＃frameID'）。attr（'src'，$（this）.prop（'href'））;'在我的函數中，無法讓它工作..我也試過刪除#frameID喜歡你的建議，但仍然沒有運氣.. – xxstevenxo 2012-07-09 23:53:20

頂部使用道具（）我也需要preventDefault。現在即使是完美的作品。謝謝！ – xxstevenxo 2012-07-10 00:07:56

嘗試：

$(this).attr("href")

或優選的jQuery 1.6+：

$(this).prop("href")

代替：

$(this).attr

來源

2012-07-09 22:18:21 mgraph

...或自從jQuery 1.6開始''.prop（）'。 – Pointy 2012-07-09 22:18:52

用jquery將鏈接src加載到iframe中

回答

相關問題