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

Posted 2021-03-31

根据documentation，我应该能够挂钩Fuel UX向导组件的change事件。但对于我的生活，我无法弄清楚如何。我仍然是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上喜欢让服务器为我提供填充每个向导步骤所需的内容）

答案

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

 var wizard = $('#MyWizard');

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

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

另一答案

首先，没有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!'); });