0

aspx ページに簡単な jquery オーバーレイを設定しました。関連するコードは次のとおりです。

<img rel="#1208" src="/images/testsmall.png" />
<div class="simple_overlay" id="1208"><img src="/images/testlarge.png" /></div>

jquery ライブラリの使用:

http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js

そしてスクリプト：

<script>
    $(document).ready(function() {
    $("img[rel]").overlay();
    });
</script>

ページ自体には、このコードが含まれるセクションの JavaScript スクロールバーがあります。

<head>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#scrollbar2').tinyscrollbar();
        });
    </script>
</head>

問題は、オーバーレイが呼び出されたときにのみスクロールバーを無効にしたいということです。jquery と javascript はかなり新しく、javascript の hide() メソッドを使用してスクロールバーを非表示にする方法は知っていますが、オーバーレイが呼び出されたときにのみ呼び出されるようにコーディングする方法がわかりません。それ、またはこれを行うための hide() メソッドよりも良い方法がある場合。

ありがとう。

4

4 に答える 4

1

オーバーレイのスクロール バー onLoad() を非表示/無効にすることができます。次に、オーバーレイの onClose() を使用して、スクロール バーの表示/有効化を表示できます。

オーバーレイの onLoad() と onClose() のドキュメントを確認してください。

http://jquerytools.org/documentation/overlay/

于 2013-03-22T13:55:27.127 に答える
1

.hide()スクロールバーで呼び出すよりも良い方法があるかどうかはわかりませんが、オーバーレイのイベントonLoadとイベントを使用して、いつ発生するかを制御できます。onClose

$("img[rel]").overlay({
    onLoad: function(event) {
        // hide the scrollbar
    },
    onClose: function(event) {
        // show the scrollbar
    }
});

オーバーレイのオプション、イベント、およびメソッドの詳細については、jQuery ツール オーバーレイのドキュメントを参照してください。jQuery ツールを使用したイベントに関する一般的な情報については、こちらを参照してください。

于 2013-03-22T13:56:51.873 に答える
0 
  $(document).ready(function () {
            var callBack = function(){
                $('#scrollbar2').tinyscrollbar();
            };
            $("img[rel]").overlay(callBack);
            // then call this callback function inside overlay function
        });
于 2013-03-22T13:55:08.227 に答える
0

このコードを試してください：

$.getScript("ajax/test.js", function(data, textStatus, jqxhr) {
console.log(data); //data returned
console.log(textStatus); //success
console.log(jqxhr.status); //200
console.log('Load was performed.');
});

トリックを行う必要があります。これも見てください：http://api.jquery.com/jQuery.getScript/

于 2013-03-22T13:45:01.233 に答える