0

タブIDをクリックしたときにページジャンプを制御しようとしています。私のデモリンク http://jsfiddle.net/bala2024/x9ypj/

function showSection( sectionID ) {
    $('div.section').css( 'display', 'none' );
    $('div'+sectionID).css( 'display', 'block' );
}
$(document).ready(function(){
    if (
        $('ul#verticalNav li a').length &&
        $('div.section').length
    ) {
        $('div.section').css( 'display', 'none' );
        $('ul#verticalNav li a').each(function() {
            $(this).click(function() {
                showSection( $(this).attr('href') );
            });
        });
        $('ul#verticalNav li:first-child a').click();
    }
});
4

3 に答える 3

1

最良の方法は、これを使用することです：

$('#verticalNav a').click(function(e){
    e.preventDefault();
});
于 2013-10-09T09:56:38.143 に答える
1

まず、交換できます

.css( 'display', 'block' );

だけで

.show();

と、

.css( 'display', 'none' );

と

.hide();

最後に、リンクの動作を防ぐために、このブロックを変更する必要があります.-

$('ul#verticalNav li a').each(function() {
    $(this).click(function() {
        showSection( $(this).attr('href') );
    });
});

このため。-

$('ul#verticalNav li a')
    .click(function(e) {
        showSection( $(this).attr('href') );
        e.preventDefault();
    });
于 2013-10-09T09:28:29.660 に答える
1

アンカー タグのデフォルトの動作を防止します。更新されたフィドルをチェックしてください

$('#verticalNav a').click(function(){
    return false;
});

http://jsfiddle.net/x9ypj/1/

于 2013-10-09T09:29:31.397 に答える