2012-04-23 63 views
0

嗨,我正在開發一個應用程序inMVc3
我有一個包含要加載的iframe動態地在MVC3鏈接的點擊

Hobbyname 
Hobbyurl 

我畫一個表,並在第一個專欄中,我獲取一個模型中的所有業餘愛好名單並將其顯示爲鏈接。 Hobbyurl包含與Hobbyname相關聯的頁面的URL 現在,當我從左側點擊Hobbyname時,我想要將內容加載到右側我使用Iframe來顯示內容,因此我需要Iframe再次加載並再次點擊。

,以獲取Hobbynames我使用的FOLL代碼:

<td> 
<ul> 
    @foreach (var item in Model) 
    { 
    <li> @Html.ActionLink(item.HobbyName, "Hobbies")</li> 
    } 
</ul> 
</td> 
<td> 
<div> 
<iframe id="iframe"></iframe> 
</div> 
</td> 

和這裏的腳本:

<script type="text/javascript"> 
$('a').click(function() { 
    $('iframe').attr('src', "/HobbyHomes/Test"); 
}); 
</script> 

,但我不能夠加載的iFrame鏈接的點擊。 請幫我

回答

0

你可能想在DOM被加載後,附上您的onclick,像這樣

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('a').click(function (e) { 
    e.preventDefault(); 
    $('iframe').attr('src', "/HobbyHomes/Test"); 
    }); 
}); 
</script> 
+0

您好,它顯示iframe中的頁面,當我點擊onit,但只有幾秒鐘,然後它保持iframe空empty.how我應該克服這個 – 2012-04-23 08:58:08

+0

我編輯它,使它添加參數'e'被傳遞到點擊(這是事件對象),並添加了一個在函數e.preventDefault()中使用了一行代碼,它可以阻止事件冒泡。我的理論是,錨點設置框架,但是在重置所有內容後對頁面進行完整的回發。 – 2012-04-23 09:57:40

+0

嗨,thanx a !!!!它的工作。現在頁面不能再次運行了..再次感謝 – 2012-04-23 10:13:06

0

你可以試試,

$(function(){ 
    $('a').click(function(){ 
    $('iframe').attr('src', "/Controller/Action"); 
    }); 
}); 

沒有測試,但..

+0

嗨我試過你的解決方案,但沒有得到加載的iframe我想我可能是錯誤的提供路徑像我直接寫爲$('iframe')。attr('src',「test.cshtml」);可以請你直接給我這個 – 2012-04-23 07:24:59

+0

@MVC_Nhibernate:看我的編輯。你嘗試過那樣的事嗎? – 2012-04-23 08:27:30

+0

您好我也試過dat,但它不起作用:(我已更新我的問題,並且完全按照您所說的做。請務必查看並告訴我在哪裏我會出錯。 – 2012-04-23 08:45:15