0

ブラウザのサイズ変更スクリプトがあります：

$(document).ready(function() {
    $(window).on('resize', function() {
        if ($(this).height() <= 800) {
            $('.content').css('max-height', '500px'); //set max height
        } 
        else {
            $('.content').css('max-height', ''); //delete attribute
        }
    }).resize()
})

ウィンドウのサイズが変更された後にjscrollpaneを実行したいのは、スクロールバーが必要になるためです。現在のコードでは、通常のスクロールバーが表示されています。

$(function() {
    $('.scroll-pane').jScrollPane();
});

最大高さスクリプトが完了した後にこのスクリプトを実行する方法はありますか？

4

2 に答える 2

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

   $(window).on('resize', function(){
     if ($(this).height() <= 800){
      $('.content').css('max-height', '500px'); //set max height
     } else{
      $('.content').css('max-height', ''); //delete attribute
   }

   $('.scroll-pane').jScrollPane(); //why not call it here?

 }).resize()
})
</script>
于 2012-08-16T22:14:28.133 に答える
0

ここでメソッドを呼び出すだけです：

$('.scroll-pane').jScrollPane();

..JavaScript は、1 つのスクリプト ブロック内で 1 つだけでなく、より多くのことを完全に行うことができます。各アクションを個別のスクリプトと見なす必要はありません。

次のように、resize-event-handler 内にメソッド呼び出しを配置するだけです。

$(window).on('resize', function(){
    if ($(this).height() <= 800){
        $('.content').css('max-height', '500px'); //set max height
    } else{
      $('.content').css('max-height', ''); //delete attribute
    }

    $('.scroll-pane').jScrollPane(); // just call it here!
}

..これで完了です。

JavaScript に関するいくつかの記事を読むと役立つ場合があります。またはいくつかの本。

いくつかの良い出発点:
http://www.w3schools.com/js/default.asp
http://www.codecademy.com/

楽しみ！

于 2012-08-16T22:16:09.707 に答える