2014-02-18 122 views
0

HTML設置IFRAME SRC值動態

<a onclick="readMore('<%:p.Link %>')" class="actionButton">READ MORE</a> 

    <iframe id="iFrameBlog"></iframe> 

JS

var readMore = function (blogUrl) { 
     $('#iFrameBlog').src = blogUrl; 
    }; 

我的問題:當上述超鏈接的點擊,我需要顯示在iframe的src和需要該網址以顯示該頁面。但iFrame始終保持爲空。任何幫助?

enter image description here

+0

'$( 'IFRAME')。ATTR( 'SRC',「http://www.google。 com')' – SpYk3HH

+0

https://api.jquery.com/attr/ – SpYk3HH

+0

http://stackoverflow.com/questions/5995628/adding-attribute-in-jquery – SpYk3HH

回答

3

試試這個,而不是

$('#iFrameBlog').attr('src', blogUrl); 

$('#iFrameBlog').src = blogUrl; 
+0

完美。它的工作。但你能告訴我爲什麼我的一個不工作? – Sampath

+1

如果你使用javascript,你可以寫成'document.getElementById('iFrameBlog')。src = blogUrl;',但是在jquery中你需要使用'.attr()' –

+0

@Sampath,因爲你使用jQuery ,而不是Vanilla JavaScript。該文檔易於閱讀。 - > *** http://api.jquery.com/***這麼簡單,任何人都可以做到。即使是對jQuery完全陌生的人。 – SpYk3HH