jQuery調整iframe高度

此代碼傳遞給我。它使我的iframe設置爲100％的屏幕高度：jQuery調整iframe高度

jQuery(document).ready(function(){var height = $(window).height(); 
      $('iframe').css('height', height) 
     });

我是JavaScript新手。如何編輯此代碼以將其設置爲90％高度而不是100％？此外，這段代碼的目標是所有的iframe，有沒有什麼辦法讓它針對特定的iframe（通過它的ID或NAME值）？如果您願意，您可以在此處撥動此代碼：http://jsfiddle.net/VurLy/

乘以90％？

jQuery(document).ready(function() { 
    var height = $(window).height(); 
    $('iframe').css('height', height * 0.9 | 0); 
});

作爲通過ID或名稱靶向，只要傳遞適當的選擇器來代替$的'iframe'。

2012-08-08 21:18:34 Ryan

高度能否請你解釋一下你的意思是適當的選擇，以$，而不是「IFRAME」是什麼？你能寫一個工作的例子嗎？請注意，我是編碼新手...... – 2012-08-08 21:20:20

@HenrikPetterson：傳遞將應用於您的元素的CSS選擇器。例如，'$（'＃some-element'）'會選擇id爲'some-element'的元素。 – Ryan 2012-08-08 21:24:02

@HenrikPetterson這裏是jquery的文檔。（注意完整的CSS選擇器規則鏈接也）http://api.jquery.com/category/selectors/ – 2012-08-08 21:24:03

jQuery(document).ready(function(){ 
    $('#YOUR_FRAME_ID_HERE').css('height', '90%') 
});

2012-08-08 21:20:57 mittmemo

這沒有奏效，我添加了iframe的ID，但它沒有對iframe做任何事情。 – 2012-08-08 21:26:17

我試過你的例子，它沒有工作，隨時查看它自己：jsfiddle.net/VurLy/1 – 2012-08-08 21:28:32

當我運行http://jsfiddle.net/VurLy/1/，並點擊鏈接，它加載90％高度的iFrame。什麼不行？ – mittmemo 2012-08-08 21:30:04

在jQuery中，你可以找出你想要很多不同的方式，也elemtents，最流行的是這樣的$（「＃瓢」）的ID或類，像這樣$（「鏟」） - 如果該類被舀

所以這就是你如何確定你想要的特定的iFrame，然後改變這樣

jQuery(document).ready(function() { 
    var height = $(window).height(); 
    $('#scoop').css('height', '90%'); 
});

2012-08-08 21:25:23

我試過你的例子，它沒有工作，可以自己查看它：http://jsfiddle.net/VurLy/1/ – 2012-08-08 21:28:11

你有在HTML「style = ... height =」100％「>這將覆蓋任何css – 2012-08-08 21:30:04

你真的可以將它設置爲90％，並避免jQuery更真實地動態改變高度，而不僅僅是將其設置在document.ready – 2012-08-08 21:31:19

回答