1

ヘッドをクリックするとコンテンツが下にスライドしてインフォボックスを作成しようとしています
が、それを実行すると、下にスライドしてから再び上にスライドします。
これはascxドキュメントにあり、dotnetnukeコンテナ
で使用する必要があります。htmlファイルで完全に機能します
。コード は次のとおりです。

<script type="text/javascript">
    $(document).ready(function () {
        $('.head').click(function () {
            $('.content').slideToggle();
        });
    });
</script>

また

$(document).ready(function () {
    $('.textbox .content:eq(1)').hide();
    $('.textbox .head').click(function () {
        if ($(this).next('.content').is(':visible')) {
            $(this).next('.content').slideUp();
        } else {
            $(this).next('.content').slideDown();
        }
    });
});
4

1 に答える 1

2

最初の例では、ページに同じコンテナが複数ある場合は、すべてのコンテンツ領域を切り替えます。

2番目の例は機能するように見えますが、コンテナーのインスタンスが複数あり、そのスクリプトがコンテナー自体にある場合は、ハンドラーを複数回登録します。スクリプトを外部ファイルに移動し、コードで参照してみてください。そうすれば、スクリプトは1回だけ含まれます。その例については、コンテナ内のDotNetNukejqueryスクリプトを参照してください。

于 2011-03-22T14:03:07.903 に答える