select2 和sheepit jquery 插件不能一起工作

Posted

技术标签:

【中文标题】select2 和sheepit jquery 插件不能一起工作【英文标题】:select2 and sheepit jquery plugins are not working together 【发布时间】:2016-05-23 18:27:15 【问题描述】:

select2 和sheepit 不能一起工作。我已经尝试过选择,选择也不适用于sheepit。

你对此有什么意见吗?

<div id="urun_satis_formu">
    <div id="urun_satis_formu_template">
      <div class="row"> 

        <span class="col-sm-2">
        <select onChange="urunleri_hesapla(   'satis','9'   )" class="input-small  s2 " data-title="-xix-" name="stok__so_gelir_gider__nesne_id__-xix-" id="stok__so_gelir_gider__nesne_id__-xix-" >
          <option value="">...</option>
          <option  value="53" > 128-Basketbol Forma( 16 Adet) </option>
        </select>
        </span><span class="col-sm-2">
        <input  onKeyUp="urunleri_hesapla('satis','9')" type="text" class=" form-control input-small" id="stok__so_gelir_gider__miktar__-xix-" data-title=""   name="stok__so_gelir_gider__miktar__-xix-" placeholder="" value="1" size="32">
        </span><span class="col-sm-2">
        <input  onKeyUp="urunleri_hesapla('satis','9')" type="text" class=" form-control input-small" id="stok__so_gelir_gider__fiyat__-xix-" data-title=""   name="stok__so_gelir_gider__fiyat__-xix-" placeholder="" value="0" size="32">
        </span><span class="col-sm-1">
        <input  onKeyUp="urunleri_hesapla('satis','9')" type="hidden" class=" form-control input-small" id="stok__so_gelir_gider__kdv__-xix-" data-title=""   name="stok__so_gelir_gider__kdv__-xix-" placeholder="" value="0" size="32">
        <span class="stok__so_gelir_gider__kdv__-xix-"></span>%</span><span class="col-sm-1">
        <input  onKeyUp="urunleri_hesapla('satis','9')" type="hidden" class=" form-control input-small" id="stok__so_gelir_gider__urun_tutari__-xix-" data-title=""   name="stok__so_gelir_gider__urun_tutari__-xix-" placeholder="" value="0" size="32">
        <span class="stok__so_gelir_gider__urun_tutari__-xix-"></span><span class="stok__so_gelir_gider__urun_tutari__-xix-_doviz"></span></span><span class="col-sm-1">
        <input checked type="checkbox" class="uniform-false left form-control input-small" id="stok__so_gelir_gider__teslim_durumu__-xix-" data-title=""   name="stok__so_gelir_gider__teslim_durumu__-xix-" placeholder="" value="1" size="32">
        </span> <span class="btn red urun_satis_formu_remove_current"><i class="fa fa-remove icon-white"></i></span>
        <hr />
      </div>
    </div>
    <div id="urun_satis_formu_noforms_template">Ürün Seçilmedi</div>
    <div style="clear:both"></div>
    <div id="urun_satis_formu_controls">
      <div id="urun_satis_formu_add" class="btn green"><i class="fa fa-plus"></i> <span>Ürün Ekle</span></div>
      <div id="urun_satis_formu_remove_last" class="btn red"><i class="fa fa-minus"></i> <span>Sil</span></div>
      <div id="urun_satis_formu_remove_all" class="btn red"><i class="fa fa-minus"></i> <span>Hepsini Sil</span></div>
      <div id="urun_satis_formu_add_n">
        <input class="form-control input-small" id="urun_satis_formu_add_n_input" type="text" size="4" />
        <div id="urun_satis_formu_add_n_button" class="btn green"><i class="fa fa-plus"></i> <span>Ekle</span></div>
      </div>
    </div>
  </div>

问候, 塞尔丘克

【问题讨论】:

显示你的代码,你尝试了什么 更具体地说明究竟是什么不起作用,显示一些代码部分等...... 我已添加代码,但此问题不需要代码。 Sheepit 正在阻止 select2 和 selected 的工作,但它是如何实现的? 【参考方案1】:

如果 select2 在sheepit 之前运行,那么sheepit 正在破坏select2 的结构。所以我们在sheepit之后运行select2,它运行没有问题。我们正在添加类似“no-select2”的类来选择,我们不让 select2 继续运行 它。我们正在添加sheepit配置;

afterAdd: function(source, clone) 
            $('.no-select2').select2();
        

它运行了。

【讨论】:

以上是关于select2 和sheepit jquery 插件不能一起工作的主要内容,如果未能解决你的问题,请参考以下文章

提交时应该如何收集克隆的 Django 表单?

django 管理和自动完成灯:Select2:找不到 jQuery 实例或 jQuery 兼容库

select2 和 jquery 验证无法正常工作

Select2 在 Jquery-Steps 中不起作用

“Keypress”事件无法正常工作,使用 jQuery 和 Select2

select2 插件和 jquery ui 模式对话框