的Javascript通过点击上jQuery.Script链接

Question

我有“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> 我怎样才能做到这一点的链接点击打开这个标签吗？

Answer 1

给的链接一个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        
     }); 
    }); 
}); 

Answer 2

为了使您的代码更加清晰，存储tabSlideout选项，并在不同的变量滑动格：

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更好：在我的代码

$('.tabLink').on('click', function(evnt) { 
    evnt.preventDefault(); 
    slider.tabSlideOut(tabOptions); 
});