0

左右に2つのテーブルが入った箱があります。

左側は問題ありませんが、右側には、ユーザーがパスワードを入力するまでページの読み込み時に非表示にする必要があるテーブルが含まれています。パスワードを入力すると、その DIV が切り替えられます。

jquery の最も基本的な使用法を使用して、これをスクリプトとして使用します。

<script type="text/javascript">

$('#pwd').on('keyup', function() {

$('#right').toggle(this.value.trim().toLowerCase() == 'access');
});
</script>

Inline CSS:
<style type="text/css">
#right {display:none;}
</style>

そこから、パスワード用のフィールドが 1 つしかないフォームがあります。パスワードが入力されると、ID「right」を持つ DIV 内のすべてが表示に切り替わります。

私の問題は、その右側のテーブル内で、コンテンツ オーバーフローが非表示になり、(カスタム jQuery) スクロールバーが、ID が "right" の DIV を使用すると壊れることです。

メイン CSS ファイルに「right」を使用するクラス エントリがありましたが、どこにも使用されなくなったため、コメントアウトしました。

CSS 属性のさまざまな構成をすべて試しましたが、スクロールバーを壊すものは何もありません。

言及する価値があるのは、「右側の」DIV 内に別の jQuery オブジェクトがあり、スクロールバーも jQuery cScroll プラグインであることです。

4

3 に答える 3

0

入力の値を取得することだけを考慮しましたか?

<script type="text/javascript">
 $(document).ready(function () {

    $('#right').hide();
    $('#pwd').on('keyup', function() {
        if($('#pwd').val()=='access'){
         $('#right').show();
        }
        else{
         $('#right').hide();
        }        
    });
});
</script>
于 2013-07-12T05:58:27.790 に答える
0

前回のコメント以来、これを試してみてください。これはあなたが見逃しているものかもしれません

 <script type="text/javascript">
 $(document).ready(function () {

    $('#right').hide();
    $('#pwd').on('keyup', function() {
        $('#right').toggle(this.value.trim().toLowerCase() == 'access');
    });
});
</script>


<style type="text/css">
#right {display:none;overflow:auto;}
</style>
于 2013-07-12T04:40:53.073 に答える