使用css属性确定javascript（jquery）函数

我试图通过媒体查询使用css属性来确定使用哪个js（jquery）函数（accordion/dialog box），我不知道我做错了什么。请帮助：

if ($(".small").css("float") == "left") {
    $(function() {
        $( "#Items" ).accordion({
            active: false,
            collapsible: true,
            heightStyle: "content"
        });
    });
}else{
    $(function() {
        $( "#Items" ).dialog({
        autoOpen: false,
        show: {
            effect: "blind",
            duration: 1000
        },
        hide: {
            effect: "explode",
            duration: 1000
        }
        }); 
        $( ".blurb" ).click(function() {
            $( "#Items" ).dialog( "open" );
        });
    });
}

通常用于在页面完成加载时绑定匿名函数。我猜当你运行这段代码时，页面已经加载了

移除整个包装，然后在if{或else之后开始做你想做的事情{

顺便说一下，代码看起来不错

if ($(".small").css("float") == "left") {
    $( "#Items" ).accordion({
        active: false,
        collapsible: true,
        heightStyle: "content"
    });

} else {
    $( "#Items" ).dialog({
    autoOpen: false,
    show: {
        effect: "blind",
        duration: 1000
    },
    hide: {
        effect: "explode",
        duration: 1000
    }
    }); 
    $( ".blurb" ).click(function() {
        $( "#Items" ).dialog( "open" );
    });
}

不要使用

$（function（）{}）

，而是使用simple

if-else

作为：

if ($(".small").css("float") == "left") {
        $( "#Items" ).accordion({
            active: false,
            collapsible: true,
            heightStyle: "content"
        });
}else{
        $( "#Items" ).dialog({
        autoOpen: false,
        show: {
            effect: "blind",
            duration: 1000
        },
        hide: {
            effect: "explode",
            duration: 1000
        }
        }); 
        $( ".blurb" ).click(function() {
            $( "#Items" ).dialog( "open" );
        });
}

---

这是另一种方法

$(document).ready(function() {
    var width = parseInt(window.innerWidth); // Find the width of the screen

    if (width <= 1024) {
        $("#dialog-one").dialog();
    }
    if (width >= 1024) {
        $("#dialog-two").dialog();
    }
});

有/有

$(document).resize(function()

希望有帮助！

---

我知道它以前救过我！

为什么在这里使用匿名函数？如果没有，可以使用simple

if-else

$(document).ready(function()

$(document).resize(function()