Jquery onclick更改值

Question

我的页面上有一些jquery选项卡，代码是：

//tabs options
$("#tabs").tabs({ collapsible: true,  selected: -1 });  

我想创建一个按钮，切换上面的选项'selected：-1'

我需要它将'selected'的值更改为'0'然后再更改为'-1'

我该怎么做？

<a href="#">Toggle View</a>

Answer 1

你可以这样做：

<a href="#" id="toggle">Toggle View</a>

然后使用.toggle() function，如下所示：

$("#toggle").toggle(function() {
  $("#tabs").tabs("option", "selected", -1);
}, function() {
  $("#tabs").tabs("option", "selected", 0);  
});

当你使用.toggle()时，它会循环浏览你在每次点击时传入的功能，所以在第一次点击时第一个功能运行，然后点击下一个等等...如果你只通过2个功能，你在每次点击时切换它们。

Answer 2

尼克是对的。

您可以使用.toggle()在值之间切换。

由于您需要一个按钮来切换值，您可以将其与Nick的代码一起添加。

<button>Switch</button>

$("button").click(function () { $("#toggle").toggle(...)});