如何解决无法以2模态禁用标题select2
我使用select2在同一页面上有2个模态。我需要以模式选择形式删除hover select2上的标题。我尝试过
$('.select2-selection__rendered').hover(function () {
$(this).removeAttr('title');
});
删除悬停,但是它仅在1个模式下起作用。在同一页面的另一个模式中,它仍显示悬停标题。
这是脚本模式1
<div class="form-group" id="form-class-1" style="margin-top: -10px">
<div class="row">
<div class="col">
<div class="row">
<div class="col">
<label for="class">Class *</label>
<div class="row">
<div class="col">
<select id="class" class="form-control" name="class" style="width: 100%">
<option value="" selected disabled>-- Choose Class --</option>
<?php
foreach ($class $c)
{
echo '<option value="'.$c->id.'">'.$c->class_name.' </option>';
}
?>
</select>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
这是脚本模式2
<div class="form-group" id="form-class-2" style="margin-top: -10px">
<div class="row">
<div class="col">
<div class="row">
<div class="col">
<label for="class">Class*</label>
<div class="row">
<div class="col">
<select id="clas" class="form-control" name="clas" style="width: 100%">
<option value="" selected disabled>-- Choose Class --</option>
<?php
foreach ($class $c)
{
echo '<option value="'.$c->id.'">'.$c->class_name.' </option>';
}
?>
</select>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
我们非常感谢您的帮助。
解决方法
在您的JS条件下,仅选择由于$(this)悬停的模态
$('.select2-selection__rendered').hover(function () {
$(this).removeAttr('title');
});
您应将其更改为$( class of modal1 and modal2 ).removeAttr('title');
为什么两个模态在同一页面id="form-kelas1"
中具有相同的ID?
id每页应该唯一。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。