在CSS中動態選擇或單擊更改div或樣式

我有以下問題：我有一個外部div和內部div，我需要更改以動態匹配設備屬性的大小。正如你所看到的，我有一個點擊功能，可以在標題中拉伸寬度和高度，但需要同時將尺寸應用於內部div，外部div和iframe以及更新背景圖像以匹配。我已經嘗試了一些onclick功能的div，但沒有運氣......小提琴有基本的默認視圖的CSS，只需要弄清楚如何申請選擇或點擊我的選擇。 http://jsfiddle.net/jZJc3/在CSS中動態選擇或單擊更改div或樣式

`<ul class="nav nav-pills left"> 
    <li class="dropdown"> 
<a class="dropdown-toggle" data-toggle="dropdown" href="#" id="device">Device</a> 
    <ul class="dropdown-menu" id="devices"> 
<li data-deviceid=1><a href="#" onClick="ResizeElement()">iPad 768x1024h</a></li> 
    <li data-deviceid=2><a href="#">iPhone 5 320x568h</a></li> 
    <li data-deviceid=3><a href="#">iPhone 3-4 320x480h</a></li> 
<li data-deviceid=4><a href="#">Tablet 600x1024h</a></li> 
</ul> 
</li> 
</ul> 
<div id="iphone"><div id="mobilecontent" class="mobilecontent"> 
<iframe id="ui_frame" src="http://voicefusion.com/iframe.htm" style="width:320px; height:480px;" class="mobilecontent" frameborder="0"></iframe> 
</div> 
</div>`

來源

2013-04-29 James Ferguson

任何人？甚至只是改變一個div的想法？ – 2013-04-30 04:24:23

我回答了我自己的問題... http：//jsfiddle.net/W37nF/1/ – 2013-04-30 14:42:46

http://jsfiddle.net/W37nF/1/

在CSS我能夠做什麼，我需要使用隱藏類....

$('select').on('change', function(){ 
var val = $(this).val(); 
$('div').hide(); 
$('.' + val).css('display','block'); }).change();

來源

2013-04-30 14:44:05

在CSS中動態選擇或單擊更改div或樣式

回答

相關問題