javascript - 如何将 jQuery 变量传递给插件属性？

Question

抱歉，我是初学者，有人可以帮助我吗？

<script>
var iW = $(document).width();

$(function() {
//single book
$('#mybook').booklet({
   next: '#custom-next',                
    prev: '#custom-prev',
     keyboard: true,
    width:   return iW, // here is the problem! It doesn't work.
    height: 200

});

//multiple books with ID's
$('#mybook1, #mybook2').booklet();

//multiple books with a class
$('.mycustombooks').booklet();

});

</script>

Answer 1

你真的很接近。只需放弃 return，例如:

$('#mybook').booklet({
   next: '#custom-next',                
    prev: '#custom-prev',
    keyboard: true,
    width:   iW, // <=== Updated
    height: 200

});

这将使用您调用booklet时iW的值。

在对象字面量(即传递到 booklet 函数中的 { ... } 内容)中，属性初始值设定项非常类似于赋值语句。 : 之前左边的位给出属性名称(并且不能是表达式)，: 后面右边的位给出值 表示属性(可以是一个表达式 - 简单的变量名称、函数调用等)。