0

次の問題があります。デバイス プロパティのサイズに動的に一致するように変更する必要がある外側の div と内側の div があります。ご覧のとおり、タイトルの幅と高さを取得するクリック機能がありますが、内側の div、外側の div、iframe に同時にサイズ変更を適用し、一致するように背景画像を更新する必要があります。div の onclick 関数をいくつか試しましたが、うまくいきませんでした... Fiddle には、基本的なデフォルト ビューの CSS があります。 http://jsfiddle.net/jZJc3/

`<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>`
4

1 に答える 1

0

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

CSSでhideクラスを使用して、必要なことを行うことができました....

$('select').on('change', function(){
var val = $(this).val();
$('div').hide();
$('.' + val).css('display','block'); }).change();
于 2013-04-30T14:44:05.857 に答える