Fuel UX - 挂钩向导的更改事件答案

【问题标题】：Fuel UX - Hook onto change event of wizardFuel UX - 挂钩向导的更改事件
【发布时间】：2013-04-18 03:42:47
【问题描述】：

根据documentation，我应该能够挂钩Fuel UX 向导组件的更改事件。但对于我的生活，我无法弄清楚如何。我还是 jquery 和 javascript 的新手。

Javascript我已经尝试了以下

var wizard = $('#MyWizard');

wizard.on('change', '.wizard', function () {
    alert('OH SNAP!');
});

wizard.wizard().on('change', function () {
    alert('OH SNAP!');
});

... 以及其他一些没有成功的变体。

我认为我在某处搞砸了基础知识。我将如何向 on change 事件添加自定义事件。（因为 id 喜欢只有一个内容区域，但在更改事件上，id 喜欢让服务器为我提供填充每个向导步骤所需的内容）

【问题讨论】：

标签： javascript jquery jquery-ui jquery-plugins fuelux

【解决方案1】：

我痛苦地接近我需要做的事情。

 var wizard = $('#MyWizard');

 wizard.on('change', function (e, data) {
      console.log('change');      
 });

 wizard.on('changed', function (e, data) {
      console.log('changed');
 });

【讨论】：

你明白了！感谢您记录您的发现。

【解决方案2】：

首先没有 myWizard，只有一个 MyWizard 元素。第二个 DIV 元素没有更改事件。您只需将点击事件添加到您的按钮，例如：

<button class="btn btn-mini btn-prev" disabled="disabled" id="prev"><div class="icon-arrow-left"></div>Prev</button>

然后：

$('#prev').click(function () { alert('OH SNAP!'); });

【讨论】：