-1

jQuery.Script に「tabslideout」があります。スクリプトは次のとおりです。

$(function(){
    $('.slide-out-div').tabSlideOut({
        tabHandle: '.handle',                            
        pathToTabImage: '/images/contact.gif',       
        imageHeight: '122px',                              
        imageWidth: '40px',                                 
        tabLocation: 'left',                              
        speed: '300',                                       
        action: 'click',                                  
        topPos: '200px',                                   
        fixedPosition: true                               
    });
});

<a href="">Some Text</a> どうすればそれを行うことができますか?のようなリンクをクリックして、このタブを開きたいです。

4

2 に答える 2

0

コードをすっきりさせるには、tabSlideoutオプションとslidingdivを別々の変数に格納します。

var tabOptions = {
    tabHandle: '.handle',                            
    pathToTabImage: '/images/contact.gif',       
    imageHeight: '122px',                              
    imageWidth: '40px',                                 
    tabLocation: 'left',                              
    speed: '300',                                       
    action: 'click',                                  
    topPos: '200px',                                   
    fixedPosition: true                               
};

var slider = $('.slide-out-div');

次に、何らかの方法でリンクを特定します。クラスは通常IDよりも優れています：

<a href="" class="tabLink">Some Text</a>

そして最後にクリックハンドラーを追加します。

$('.tabLink').on('click', function(evnt) {
    evnt.preventDefault();
    slider.tabSlideOut(tabOptions);
});
于 2013-02-19T12:40:21.560 に答える
0

次のように、リンクに ID を付けます。

<a href="" id="some-id">Some Text</a>

次に、次のコードを使用します。

$(function() {
    $('#some-id').on('click', function(e) {
        e.preventDefault();
        $('.slide-out-div').tabSlideOut({
            tabHandle: '.handle',                            
            pathToTabImage: '/images/contact.gif',       
            imageHeight: '122px',                              
            imageWidth: '40px',                                 
            tabLocation: 'left',                              
            speed: '300',                                       
            action: 'click',                                  
            topPos: '200px',                                   
            fixedPosition: true                               
        });
    });
});
于 2013-02-19T12:27:55.520 に答える