Tooltipster:动态ajax内容:无法从jQuery访问复选框

时间:2017-06-06 21:14:58

标签: jquery tooltipster

我使用ajax使用tooltipster插件生成内容。

加载的数据包含输入字段(复选框) 复选框有动态ID(例如#imageLabelCheckBox_525_0)

functionBefore(见下文)工作正常。

但是在函数之后用jQuery无法访问复选框。

例如:
jQuery("#imageLabelCheckBox_525_0").is(':checked') =>无法访问??

有什么想法吗?

jQuery('.clsLabelDoc').tooltipster({
  content: '...',
  animation: 'fade',
  delay: 200,
  trigger: 'click',
  contentAsHTML: true,
  contentCloning: false,
  interactive: true,
  theme: 'tooltipster-noir',
  functionBefore: function(instance, helper){
    var origin = jQuery(helper.origin);
    var initImageId = origin.attr('data-imageid');
    var initImagetype = origin.attr('data-imagetype');

    jQuery.get('ajaxGetLabelsFromUploads.php?uploadId=' + initImageId + '&imageType=' + initImagetype, function(data) {
      instance.content(data);
    });
  },
  functionAfter: function(instance, helper){
    var origin = jQuery(helper.origin);
    var initImageId = origin.attr('data-imageid');
    var initNbrOfCheckbox = origin.attr('data-nbrofcheckbox');
    jQuery("input:checkbox").each(function(){
       var theCheckbox = jQuery(this);
       console.log(theCheckbox.attr("id"));

    });


    for (ch=0;ch<initNbrOfCheckbox;ch++){
      //if (jQuery("#imageLabelCheckBox_"+initImageId+"_"+ch).is(':checked') == true){
        //if (jQuery("#imageLabelCheckBox_"+initImageId+"_"+ch).length > 0) {
          /*
          if (document.getElementById('imageLabelCheckBox_'+initImageId+'_'+ch).checked){
            //console.log('checked');
          } else {

          }
          */
        }
      }
    });



问题的屏幕截图: enter image description here

Screenshot of ajax content

0 个答案:

没有答案