在我的主题的每个页面上,用户可以选择添加滑块。当他们这样做时,他们可以为滑块选择几个设置。这包括幻灯片在更改前暂停多长时间,幻灯片在更改时转换所需的时间以及它使用的转换类型等内容。
现在,如果我只是硬编码而不让用户选择滑块的选项,代码将如下所示:
<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
以正确的方式将此文件排入队列答案 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