1

私はJavaScriptのカスタムスクローラーを使用しています.また、そのスクローラーの内外でコンテンツを交換しています.唯一の問題は、異なるコンテンツを切り替えると、高さが元のdivと同じままで調整されないことです.理由がわかりません. .

これが私のJavascriptです：

$(window).load(function(){
(function($) {
    $.fn.Fader = function() {
        this.each(function() {
            $('.clickme').bind('click', function(e) {
                e.preventDefault();
                $( "#mediaswap div" ).fadeOut();
                $( "#mediaswap div" + $(this).attr('name') ).fadeIn();
            })
        });
    }
})(jQuery);


$(function() {
    $('#mediaswap').Fader();
});
});//]]>

Andy私のCSS：

#media_scroll{position:absolute; margin:0; width:590px; height:334px;}
#media_scroll .customScrollBox{position:relative; height:100%; overflow:hidden;}
#media_scroll .customScrollBox .container{position:relative; width:565px; top:0; float:left;}
#media_scroll .customScrollBox .content{clear:both;}
#media_scroll .dragger_container{position:relative; background: url(images/assets/track-bkg.jpg) no-repeat; width:10px; height:324px; float:left; margin:10px 0 0 10px; cursor:pointer;}
#media_scroll .dragger{position:absolute; width:14px; height:22px; background: url(images/assets/dragger.gif) no-repeat; margin-left:-3px; text-align:center; overflow:hidden; cursor:pointer;}
#media_scroll .dragger_pressed{position:absolute; width:14px; height:22px; margin-left:-3px; overflow:hidden;}

div 'content' は、高さが異なるさまざまな div を持つ div です。

すべてのヘルプは大歓迎です!

4

1 に答える 1

1

コードが不足しているにもかかわらず、これを突き刺すつもりです：

.contentheightの最大値として設定すると、334px までしかサイズ変更できなくなります#media_scroll。min-height: 334px;または のいずれかを使用してみて、height: auto;それが役に立たないかどうかを確認してください。jquery を使用して size を指定することもできます#media_scroll。

また、コードを投稿してjsfiddle.netに追加すると、問題のトラブルシューティングに役立ちます。

また、Tyrsuis の要点は次のとおりです。

$( "#mediaswap div" + $(this).attr('name') ).fadeIn();

おそらくもっと似ているはずです：

$( "#mediaswap div " + $(this).attr('name') ).fadeIn();

ただし、if$(this).attr('name')は「.」を追加しないことに注意してください。または「#」をセレクタに。したがって、次のようなものを呼び出そうとすることになるかもしれません:

$("#mediaswap div 要素名")

それ以外の：

$("#mediaswap div #elementName")
于 2012-07-23T23:40:33.673 に答える