觸發jQuery的

Question

幻燈片更改我使用了一個橫幅滑塊這一個Banner Slider在哪裏，我想引發一些事件onSlide更改，默認情況下它不提供這個插件。

(".slidebox").mSlidebox(function() 
{ 
    //My action trigger here 
}); 

我怎樣才能做到這一點？

Answer 1

你可以定義你在這裏的功能

slideboxNext.click(function(e){ 
    e.preventDefault(); 
    SlideboxAction("next","stop"); 
     YOUR FUNCTION HERE 
}); 
slideboxPrevious.click(function(e){ 
    e.preventDefault(); 
    SlideboxAction("previous","stop"); 
     YOUR FUNCTION HERE 
}); 

和自動播放模式;

slideboxSlide.each(function(index){ 
    if(options.numberedThumbnails){ 
     slideboxThumbs.append("<a href='#' class='slideboxThumb' rel='"+(index+1)+"'>"+(index+1)+"</a>"); 
    }else{ 
     slideboxThumbs.append("<a href='#' class='slideboxThumb' rel='"+(index+1)+"' />"); 
    } 
    $(this).attr("rel",index+1).addClass("slideboxSlide slideboxSlide_"+(index+1)).children().addClass("slideboxCaption"); 
    slideboxTotalWidth=(index+1)*slideboxWidth; 
    slideboxSlides.css("width",slideboxTotalWidth); 
    slideboxEnd=index*slideboxWidth; 
    YOUR FUNCTION HERE 
}); 

希望這會有所幫助。

Answer 2

，你可以在每個幻燈片看到類的slideboxSlides元素的樣式屬性發生變化時，你可以使用DOMAttrModified情況下，本元素：

(".slidebox").mSlidebox(function() 
{ 

document.getElementsByClassName('slideboxSlides').addEventListener('DOMAttrModified', function(e){ 
    if (e.attrName === 'style') { 
    // My action trigger here... 
    } 
}, false); 

});