如何使用jquery在移动设备上删除WordPress Shortcode Ultimate Accordion自动打开选项？

Question

我目前正在使用Wordpress Shortcode Ultimate的手风琴。 该插件已经可以选择在页面加载时打开手风琴，我现在正在使用该选项，但我也希望它们在移动设备上关闭。

如何使用jquery在移动设备上删除该选项？

这是他们的代码：

$('body:not(.su-other-shortcodes-loaded)').on('click', '.su-spoiler-title', function (e) {
    var $title = $(this),
        $spoiler = $title.parent(),
        bar = ($('#wpadminbar').length > 0) ? 28 : 0;
    // Open/close spoiler
    $spoiler.toggleClass('su-spoiler-closed');
    // Close other spoilers in accordion
    $spoiler.parent('.su-accordion').children('.su-spoiler').not($spoiler).addClass('su-spoiler-closed');
    // Scroll in spoiler in accordion
    if ($(window).scrollTop() > $title.offset().top) $(window).scrollTop($title.offset().top - $title.height() - bar);
    e.preventDefault();
});
$('.su-spoiler-content').removeAttr('style');

非常感谢你！

Answer 1

检测设备

通过PHP：

您可以通过单词默认功能检查网站是否正在移动设备或桌面设备上加载，并应用条件来加载排序代码

wp_is_mobile()

通过jQuery：

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
 // some code..
}

Answer 2

我将此代码应用到主题的PHP页脚中，并且可以正常工作！

$(function(){
    $(window).resize(function() {    // Optional: if you want to detect when the window is resized;
        processBodies($(window).width());
    });
    function processBodies(width) {
        if(width < 768) {
            $('.su-spoiler').addClass('su-spoiler-closed');
        }
        else {
            $('.su-spoiler').addClass('default');
        }
    }
    processBodies($(window).width());
});