Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 动态更新FuelUX向导步骤数_Javascript_Jquery_Dynamic_Wizard_Fuelux - Fatal编程技术网

Javascript 动态更新FuelUX向导步骤数

Javascript 动态更新FuelUX向导步骤数,javascript,jquery,dynamic,wizard,fuelux,Javascript,Jquery,Dynamic,Wizard,Fuelux,我希望有人能帮我解决这个问题。我正在使用FuelUX向导,希望动态添加X个步骤,其中X是用户在第一个屏幕上设置的数字。额外的步骤添加得很好,只是我不知道如何让向导知道它现在的步骤数与开始时的步骤数不同-因此,如果它以3个步骤开始,它仍然希望在步骤3之后提交表单,而不管它现在有多少个步骤 再次调用$('#MyWizard').wizard()似乎不起作用。在向导代码中有一个numSteps变量,但似乎无法从类外访问该变量。Rob Schmuecker()的一个外部网站上也有这个解决方案,但不幸的是

我希望有人能帮我解决这个问题。我正在使用FuelUX向导,希望动态添加X个步骤,其中X是用户在第一个屏幕上设置的数字。额外的步骤添加得很好,只是我不知道如何让向导知道它现在的步骤数与开始时的步骤数不同-因此,如果它以3个步骤开始,它仍然希望在步骤3之后提交表单,而不管它现在有多少个步骤

再次调用
$('#MyWizard').wizard()
似乎不起作用。在向导代码中有一个
numSteps
变量,但似乎无法从类外访问该变量。Rob Schmuecker()的一个外部网站上也有这个解决方案,但不幸的是,它对我不起作用,并且调用
$(“#MyWizard”)。数据('wizard',”)
,正如他所建议的那样,阻止向导前进

有人对此问题有任何建议/经验吗?我是JS等的新手,所以可能这是显而易见的,任何帮助都将不胜感激!下面是我添加步骤的代码:

var added_questions = 0;
function addStep()
{
  added_questions++;
  $("#end-of-questions-step-marker").before("<li id='#step-marker-q" + added_questions + "' data-target='#q" + added_questions + "'><span class='chevron'></span>Q" + added_questions + "</li>");
  $("#step3").before("<div class='step-pane' id='q" + added_questions + "'><fieldset id='q" + added_questions + "-fieldset' class='col-sm-12'></fieldset></div>");
  $("#q" + added_questions + "-fieldset").append(getQuestionPanel(added_questions));
}
var添加的问题=0;
函数addStep()
{
添加了_问题++;
$(“#问题结束步骤标记”)。在(“
  • q”+添加的#问题+“
  • ”)之前; 美元(“#步骤3”)。在(“)之前; $(“#q”+添加的#问题+“-fieldset”).append(getQuestionPanel(添加的#问题)); }
    我知道您正在用FuelUX 2寻找答案,但在即将发布的FuelUX第3版中,有一种新方法叫做FuelUX,这正是您想要做的。您可以查看该代码。以下是如何在FuelUX 3.0的(零索引)步骤2中添加一个窗格:

    $('#myWizard').wizard('addSteps', index, [
      {
        badge: 'badge-customicon',
        label: 'A Step Label',
        pane: '<div>Content</div>'
      }
    ]);
    
    $('myWizard')。向导('addSteps',index[
    {
    徽章:“徽章自定义图标”,
    标签:“步骤标签”,
    窗格:“内容”
    }
    ]);
    

    出去了。

    谢谢斯蒂芬,非常感谢。