在WP中调用ajax之后绑定bxslider

时间:2014-02-27 07:23:32

标签: javascript jquery ajax wordpress

请帮助我在Ajax响应上绑定bxSlider,试过。 ,尝试功能但没有帮助(想想缺乏JS语法知识的问题)。

这是JS:

    $('.catalog-menu-links a').click(function(event) {
    event.preventDefault();

    // Set class to newly selected language button
    $('.catalog-menu-links li.current-menu-item').removeClass('current-menu-item');
    $(this).parent().addClass('current-menu-item');

    // Get new language data URL
    var href = $(this).attr("href");

        $.get(href, function(data) {

        var ajaxCatalogSliderContent = $(data).find('.catalog-slider').html();
        $('.catalog-slider').fadeOut('slow', function(){
            $('.catalog-slider').html(ajaxCatalogSliderContent);
            }).fadeIn();
        //alert($('.catalog-slider').html());
        $('body .bxslider-catalog').bxSlider({pager: true,controls: true,mode: 'fade'});
    });
});     

我试过了:

    function startCatalogSlider() {
    $('.bxslider-catalog').bxSlider({pager: true,controls: true,mode: 'fade'});}
startCatalogSlider();

    $('.catalog-menu-links a').click(function(event) {
    event.preventDefault();

    // Set class to newly selected language button
    $('.catalog-menu-links li.current-menu-item').removeClass('current-menu-item');
    $(this).parent().addClass('current-menu-item');

    // Get new language data URL
    var href = $(this).attr("href");

        $.get(href, function(data) {

        var ajaxCatalogSliderContent = $(data).find('.catalog-slider').html();
        $('.catalog-slider').fadeOut('slow', function(){
            $('.catalog-slider').html(ajaxCatalogSliderContent);
            }).fadeIn();
        //alert($('.catalog-slider').html());
        startCatalogSlider();
    });
}); 

但没有成功的结果

0 个答案:

没有答案