1

私は単純な折りたたみ可能なものをプログラムで折りたたもうとしています

Javascript:
$( ".nuovoPaziente" ).trigger( "collapse" );

Html:
<div data-role="collapsible" data-collapsed="false" data-theme="b" id="nuovoPaziente">
</div>

しかし、うまくいきません。私は最新の jquery モバイル ライブラリ 1.1.1 を持っています。コードを実行するために到着することを確認する前にアラートがあるため、実行がトリガーコードに到着すると確信しています。何か案が？^^

4

1 に答える 1

2

ID折りたたみ可能な定義で を使用しました:

<div data-role="collapsible" data-collapsed="false" data-theme="b" id="nuovoPaziente">

#nuovoPazienteしたがって、代わりに次のようにする必要があります。

$( "#nuovoPaziente" ).trigger( "collapse" );

.nuovoPazienteに関連していclassます。したがって、この規則を維持したい場合は、折りたたみ可能なものを次のように変更する必要があります。

$( ".nuovoPaziente" ).trigger( "collapse" );

<div data-role="collapsible" data-collapsed="false" data-theme="b" class="nuovoPaziente">

次の例は私のために働いた：

JS/jQuery:

$(function() {
    $("#collapse").click(function() {
        console.log("ok");
        $( "#nuovoPaziente" ).trigger( "collapse" );
    });
});

HTML:

<body>
    <div data-role="page">
        <div data-role="content">

            <div data-role="collapsible" data-collapsed="false" data-theme="b" id="nuovoPaziente">
                <h3>I'm a header</h3>
                <p>I'm the collapsible content. By default I'm closed, but you can click the header to open me.</p>
            </div>

            <button id="collapse">collapse!</button>
        </div>
    </div>  
</body>

次のようにライブラリを呼び出しました。

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile.structure-1.1.0.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>   
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

上記の例を試してみてください。

お役に立てれば。あなたの結果について教えてください。

于 2012-09-21T08:38:59.147 に答える