Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.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 JQuery将文本追加到当前选项卡_Javascript_Jquery_Parent_Traversal - Fatal编程技术网

Javascript JQuery将文本追加到当前选项卡

Javascript JQuery将文本追加到当前选项卡,javascript,jquery,parent,traversal,Javascript,Jquery,Parent,Traversal,我有动态代码,它根据返回的结果数量创建选项卡。我现在的问题是,我想在选项卡标题后面加一个勾号,但我无法遍历到和' } html+='' 对于(变量i=0;i

我有动态代码,它根据返回的结果数量创建选项卡。我现在的问题是,我想在选项卡标题后面加一个勾号,但我无法遍历到
  • ' } html+='' 对于(变量i=0;i

  • 我已经对此进行了彻底的搜索,可能我没有找到其他地方的确切解决方案。

    您可以使用选项卡事件来完成此操作。在那里你可以找到锚定标签

        function getData() {
    $.getJSON("getQuestions.asp?sup="+dataVal1+"&prod="+dataVal2, function(data){})
        .done(function(data){               
            html = '<div class="center">Supplier: '+suppName+'</div><div class="center">'
            html += 'Part No &amp; Description: '+partCode+' - '+partName+'</div><ul>'
            var len = data.length;  
            for (var i = 0; i< len; i++) {
                html += '<li><a id="tab_"'+ i +' href="#q'+data[i].id+'">'+data[i].shortdesc+'</a></li>'
            }
            html += '</ul>'
            for (var i = 0; i< len; i++) {
                html += '<div id="q'+data[i].id+'">'+data[i].question
                html += '<fieldset><legend>Question '+parseInt(i+1)+'</legend>'
                if (data[i].evidence == '1') {
                    html += '<iframe id="upload" frameborder="0" width="500" scrolling="no" src="upload.asp?supp='+suppCode+'&part='+partCode+'&q='+data[i].shortdesc+'"></iframe>'
                    console.log(data[i].shortdesc)
                } else {
                    html += '<div class="yesno" data-desc="'+data[i].shortdesc+'"><span class="btn small" id="yes" >YES</span>&nbsp;<span class="btn small" id="no">NO</span></div>'
                }
                html +='</fieldset></div>'
            }
    
            $('#output').html(html);
            $( "#output" ).tabs();
        }); 
    };
    
        $( "#output" ).tabs({
                    activate : function(event, ui){
    
                        var tab_index = ui.newTab.index();
                        var anchor_tag = ui.newTab.children("a");
                        var anchor_tag_id = anchor_tag.attr("id");
    
                        localStorage.setItem("active_tab_anchor", anchor_tag_id);
                    }
        });
    
        $('#answer_event').on('click', function(){
                var anchor_tag_id = localStorage.getItem("active_tab_anchor");
            var anchor_tag = $('#'+anchor_tag_id);
            var href = anchor_tag.attr("href");
            href += href + 'tick';
            anchor_tag.attr('href', href);
        });
    
    函数getData(){ $.getJSON(“getQuestions.asp?sup=“+dataVal1+”&prod=“+dataVal2,函数(数据){}”) .done(函数(数据){ html='供应商:'+suppName+'' html+='零件号和说明:'+partCode+'-'+partName+'
      ' var len=data.length; 对于(变量i=0;i 这取决于您希望在何时添加勾号


      检查此处的事件:

      这是我应该展开原始问题的地方。在每个选项卡中都有一个“问题”,当回答这个问题时,应该在该选项卡上打勾OK,让我们仔细想想。我会说,当您单击选项卡时,这意味着您可以使用活动选项卡id设置本地存储变量,如果用户回答了问题,那么您将查找具有id的特定选项卡,并尝试查找与其相关的锚定标记。当您为每个选项卡创建锚定标记时,请尝试向其添加id,然后在激活事件中,尝试将锚定标记id保存在本地存储器中。如果用户回答了这个问题,那么您可以通过保存在本地存储中的id找到锚定标记,并修改href。感谢@dquinonez,目前正在获取
      以供参考,我现在有了选项卡链接id,它只是找到一种从另一个函数返回的方法,我在我的示例中添加了更多的代码,这就是我的想法。
          function getData() {
      $.getJSON("getQuestions.asp?sup="+dataVal1+"&prod="+dataVal2, function(data){})
          .done(function(data){               
              html = '<div class="center">Supplier: '+suppName+'</div><div class="center">'
              html += 'Part No &amp; Description: '+partCode+' - '+partName+'</div><ul>'
              var len = data.length;  
              for (var i = 0; i< len; i++) {
                  html += '<li><a id="tab_"'+ i +' href="#q'+data[i].id+'">'+data[i].shortdesc+'</a></li>'
              }
              html += '</ul>'
              for (var i = 0; i< len; i++) {
                  html += '<div id="q'+data[i].id+'">'+data[i].question
                  html += '<fieldset><legend>Question '+parseInt(i+1)+'</legend>'
                  if (data[i].evidence == '1') {
                      html += '<iframe id="upload" frameborder="0" width="500" scrolling="no" src="upload.asp?supp='+suppCode+'&part='+partCode+'&q='+data[i].shortdesc+'"></iframe>'
                      console.log(data[i].shortdesc)
                  } else {
                      html += '<div class="yesno" data-desc="'+data[i].shortdesc+'"><span class="btn small" id="yes" >YES</span>&nbsp;<span class="btn small" id="no">NO</span></div>'
                  }
                  html +='</fieldset></div>'
              }
      
              $('#output').html(html);
              $( "#output" ).tabs();
          }); 
      };
      
          $( "#output" ).tabs({
                      activate : function(event, ui){
      
                          var tab_index = ui.newTab.index();
                          var anchor_tag = ui.newTab.children("a");
                          var anchor_tag_id = anchor_tag.attr("id");
      
                          localStorage.setItem("active_tab_anchor", anchor_tag_id);
                      }
          });
      
          $('#answer_event').on('click', function(){
                  var anchor_tag_id = localStorage.getItem("active_tab_anchor");
              var anchor_tag = $('#'+anchor_tag_id);
              var href = anchor_tag.attr("href");
              href += href + 'tick';
              anchor_tag.attr('href', href);
          });