将选项传递给jquery文件的正确方法是什么?

时间:2012-11-08 21:47:58

标签: php javascript jquery wordpress variables

在我的主题的每个页面上,用户可以选择添加滑块。当他们这样做时,他们可以为滑块选择几个设置。这包括幻灯片在更改前暂停多长时间,幻灯片在更改时转换所需的时间以及它使用的转换类型等内容。

现在,如果我只是硬编码而不让用户选择滑块的选项,代码将如下所示:

<script>
jQuery(function(){

    jQuery('#camera_wrap_3').camera({
        height: '40%',
        thumbnails: true,
        time: 3500,
        fx: 'scrollBottom',
        transPeriod: 1200,
        autoAdvance: true,
        minHeight: '50px',
        mobileNavHover: false,
    });
});
</script>

将用户选择其设置时创建的变量传递给上述代码的正确方法是什么?

请记住,我希望能够使用wp_enqueue

以正确的方式将此文件排入队列

1 个答案:

答案 0 :(得分:1)

你可以使用extend方法。

function foo (params) {
    //default values
    var settings = $.extend({
        'someKey': { k1: 'v1' },
        'otherKey':  'oTherValue'
    }, params);
     //use it 
    if (settings.someKey.k1 == 'v1') ...
    var bar = settings.otherKey;
}

然后只需从您的代码中调用它

foo({someKey: {k1: 'v2'}, otherKey: 'bla' });

我用这种方法创建了一个简单的jQuery插件。 check it out