0

jquery mobileを使用してスライドパネルを作成しました。パネルの幅のサイズを小さくしたいのですが、方法がわかりません。私はたくさんグーグルで検索しましたが
、私のコードで正しいものが見つかりませんでした：

<div data-role="page" id="home" class="jqm-demos ui-responsive-panel" data-title="Home">
    <div data-role="panel" id="myPanel" data-theme="a" data-dismissible="true" class="ui-responsive-panel">
        <div id="menu">
            <ul>
                <li class="active"><a href="#home" class="contentLink">Home </a></li>
                <li><a href="#home" class="contentLink">My profile </a></li>
                <li><a href="#home" class="contentLink">My Score </a></li>
                <li><a href="#home" class="contentLink">Ask Questions </a></li>
            </ul>
        </div>
    </div>
    <div data-role="header" data-position="fixed">
        <h1>Home</h1>
        <a href="#myPanel" data-role="button" data-display="reveal" data-position="right" data-icon="gear" data-reveal="reveal" data-dismissible="true">Menu</a>
    </div>
4

1 に答える 1

0

CSSで試してください：

.ui-responsive-panel{
   width: 200px; /* <---------your choice of px*/
}

jQuery を使用:

$(function(){
   $('#myPanel').css('width','200px');
});

またはこれ：

   $('#myPanel').width(200);

あなたのコメント:i want decrease the width size of the panel以下を試してください:

$(function(){
   $('#myPanel').css('width',$(this).width()-200+'px');
});
于 2013-02-27T10:57:36.257 に答える