Question

我正在使用Wordpress中的Marketpress插件，该插件已经过自定义，只需单击即可将多个项目添加到购物车中。我的问题出在page

上

Chrome中的“添加到购物车”按钮显示正常，但无法在IE中显示。我认为问题出在这个领域

if($(".mp_button_addcart").length){
    if($('body').hasClass('page-id-1563') || $('body').hasClass('page-id-391')){
        console.log('show');
        $('.page-bkp-frame').last().append('<input style="display:block" class="total_adddcart" type="button" name="addcart" value="Add To Cart >>" onclick="javascript:addcart_all();" >');
    }else{
        $('.mp_button_addcart').show();
        $('.chk-addcart').remove();
        $('.mp_buy_form').attr('style', '');
    }
}

非常感谢任何帮助。

Answer 1

CONSOLE.LOG（）;在很多情况下会在IE中杀死jQuery。尝试评论出来。可以做到这一点。你可以通过点击F12并重新加载来测试理论。如果它工作，那么console.log是问题。

Answer 2

如果是这种情况那么你可以尝试这种方法..虽然不是最好的方法..

var $body = $('body');

var classNames = $body.prop('class');

if( classNames.indexOf('page-id-1563') > -1 
                                     || classNames.indexOf('page-id-391') > -1){
    // Your code
}

Answer 3

更改

if(jQuery(this).find('input[type="checkbox"]').attr('checked') == 'checked'){

到

if (jQuery(this).find('input[type="checkbox"]').prop('checked')) {

hasClass不在IE中呈现

3 个答案: