jquery-mobile - 两个 jQuery Mobile 滑块一起工作

Question

我想在 JQM 站点中有 2 个相互影响的滑块。

滑块 1 将改变月数 滑块 2 将改变成本

在幕后，会有一个金额，比如 3600 美元

默认情况下，月数滑块为 36，因此成本滑块为 10 美元

如果用户将月份滑块更改为 18，则成本滑块应自动更改为 20 美元（因为 20 * 18 = 3600 英镑）

同样，如果用户将成本滑块更改为 20 美元，则月份滑块应移动到 18 个月。

我向两个滑块添加了一个 bind("onchange") ，但最终出现了“超出最大调用大小堆栈”错误。

我曾尝试使用 event.originalEvent 和 event.preventDefault 但无济于事。

我将如何让这 2 个相互协作，以便如果 1 更新，另一个也重新计算，反之亦然？

谢谢

Answer 1

刷新似乎是触发更改事件的事情，所以现在我在调用刷新之前 die() 事件，然后再次创建它

$("#Months").val(42);
// remove binding
$("#Months").die("change");
$("#Months").slider("refresh");
$("#Months").live("change", ChangeMonths);

似乎工作，也许不漂亮，但哦，好