从禁用的文本框中触发Bootstrap模式

Question

我想在点击禁用的文本框或文本区域时触发启动模型 我已经尝试过，但如果启用了文本框，它可以正常使用文本框

<input type="text" data-toggle="modal" data-target="#myModal" disabled="disabled"/>

Answer 1

禁用的元素不会在所有浏览器或所有输入上触发click事件。

https://developer.mozilla.org/en-US/docs/Web/Events/click

试试这个：

<span class="disabled">
 <input type="text" data-toggle="modal" data-target="#myModal" disabled="disabled"/>
</span>

使用Javascript：

$('span.disabled').on('click', function(event) {
    $('#myModal').modal('show');
});

如果您想从输入中收集目标，请执行以下操作：

$('span.disabled').on('click', function(event) {
    var modal_target = $(this).find('input').data('target');
    $(modal_target).modal('show');
});