Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/368.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/xamarin/3.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 Twitter引导向导下一步按钮_Javascript_Jquery_Html_Twitter Bootstrap_Button - Fatal编程技术网

Javascript Twitter引导向导下一步按钮

Javascript Twitter引导向导下一步按钮,javascript,jquery,html,twitter-bootstrap,button,Javascript,Jquery,Html,Twitter Bootstrap,Button,我正在使用twitter引导向导创建一个包含四个选项卡的向导。 我需要在单击“下一步”按钮时关联一个操作,例如,在第一个选项卡中,我有一个表,用户在其中选择一行,因此我禁用了“下一步”按钮,并在选择一行时启用。问题在于下一个选项卡,因为下一个按钮的id对于所有选项卡都是相同的,所以我不能为每个选项卡关联不同的操作。你能给我建议一个解决方案吗? 谢谢,这是我的javascript代码: $(document).ready(function() { $('#acquisitionWizard').b

我正在使用twitter引导向导创建一个包含四个选项卡的向导。 我需要在单击“下一步”按钮时关联一个操作,例如,在第一个选项卡中,我有一个表,用户在其中选择一行,因此我禁用了“下一步”按钮,并在选择一行时启用。问题在于下一个选项卡,因为下一个按钮的id对于所有选项卡都是相同的,所以我不能为每个选项卡关联不同的操作。你能给我建议一个解决方案吗? 谢谢,这是我的javascript代码:

$(document).ready(function() {
$('#acquisitionWizard').bootstrapWizard({onTabShow: function(tab, navigation, index) {

    // Dynamically change percentage completion on progress bar
    var tabCount = navigation.find('li').length;
    var current = index+1;
    var percentDone = (current/tabCount) * 100;
    $('#acquisitionWizard').find('#progressBar').css({width:percentDone+'%'});

    // Optional: Show Done button when on last tab; 
    // It is invisible by default.
    $('#acquisitionWizard').find('.last').toggle(current >= tabCount);

    // Optional: Hide Next button if on last tab; 
    // otherwise it shows but is disabled
    $('#acquisitionWizard').find('.next').toggle(current < tabCount);
    $("#next").addClass("disabled");    

}});
$(function() {
    $("#next").click(
            function() {
...
$(文档).ready(函数(){
$(#acquisitionWizard').bootstrapWizard({onTabShow:function(选项卡、导航、索引){
//动态更改进度条上的完成百分比
var tabCount=navigation.find('li').length;
无功电流=指数+1;
var percentDone=(当前/tabCount)*100;
$('acquisitionWizard').find('progressBar').css({width:percentDone+'%});
//可选:在最后一个选项卡上显示完成按钮;
//默认情况下,它是不可见的。
$(“#acquisitionWizard”).find(“.last”).toggle(当前>=tabCount);
//可选:如果在最后一个选项卡上,则隐藏下一步按钮;
//否则它会显示,但会被禁用
$(“#acquisitionWizard”).find(“.next”).toggle(当前
我使用Knockout.js做了同样的事情,将当前步骤绑定到视图模型属性,并根据其值执行不同的操作。

已解决:我已解决删除单击事件并使用

onNext: function(tab, navigation, index) {
        if (index==1){
所以我使用索引将指令关联到一个选项卡