Question

我有这个输入按钮：

<input type="submit" data-toggle="modal" data-target="#NotAvailable" id="StandardProductAddToCart" name="Add to Cart" value="ADD TO CART" alt="Add to Cart" style="cursor:not-allowed;" disabled="disabled"/>

如果点击，我想点击我的模态。

我的模式是：

<div class="modal fade" id="NotAvailable" tabindex="-1" role="dialog" aria-labelledby="NotAvailableLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <img class="closeModal" data-dismiss="modal" aria-hidden="true" src="http://cdnll.amleo.com/images/art/x_white.png" height="20" width="20" alt="X" />
        <h4 class="modal-title" id="myModalLabel">Not Available</h4>
      </div>
      <div class="modal-body">
        <div class="alert alert-danger"><strong>Not available for online orders. Please call 1-800-543-8995 to order; thank you.</strong></div>
      </div>
        </form>
      </div>
    </div>
  </div>
</div>

在HTML中，Modal也在输入之后。它应该在输入之前吗？

Answer 1

根据您提供的网址，您可以将残疾人设置为＆＃34;禁用＆＃34;属性：

<script type="text/javascript">
    $(document).ready(function()
    {
        $('#StandardProductAddToCart:disabled').click(function()
        {
            $('#NotAvailable').modal();
        });
    });
</script>

Answer 2

如果模态出现在按钮之前或之后，则无关紧要。

您的按钮已停用，因此如果删除已禁用=＆＃34;已禁用＆＃34;，它是否有效？

数据模态未在输入上触发

2 个答案: