Question

基本上，我正在处理的扩展程序应该在单击时显示警告框。然而，按钮通过进入下一步＆＃34;跳过验证＆＃34;来完成它的工作。没有显示应该显示的框。

单击该按钮时，我从控制台接收回来。

    $("#usps_skip").click(function() {
        console.log("skipCLicked");
        var msg = "No address information will be stored with the Contact record if you skip USPS  verification. Do you still wish to skip the USPS verification step?";
        $('#errorModal .modal-body').html(msg.split('\n').join('<br />'));
        $('#errorModal').modal('show');
    });

＆＃34; skipCLicked＆＃34;日志显示在控制台中，但实际的模态消息警报未显示。有什么建议？

以下是我在chrome扩展程序中的代码。

js code

        switch(ObjField.id)
        {
            //other case code removed since it is not necessary
            case "usps_skip":
                str_field   =   str_field + '<button class="btn btn-danger" data-target="#errorModal" name="'+ObjField.name+'" id="'+ObjField.id+'" value="">'+ObjField.label+'</button>';
                //str_field =   str_field + '<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#errorModal" name="'+ObjField.name+'" id="'+ObjField.id+'" value="">'+ObjField.label+'</button>';
                break;

modal / tabs.htm

<div id="errorModal" class="modal fade" role="dialog"> <div class="modal-dialog">  <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Error</h4> </div> <div class="modal-body"> <p></p> </div> <div class="modal-footer"> <button type="button" id="modalSkip" class="btn btn-success" data-dismiss="modal">Skip Verification</button> <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button> </div> </div> </div> </div>

按钮按预期工作，但没有消息显示，任何帮助都将不胜感激。

编辑：console.log（＆＃34; skipCLicked＆＃34;）;通过控制台显示，所以它可以解决这个问题。

Answer 1

你有没有尝试过：

$('#myModal').on('shown.bs.modal', function (e) {
  console.log('is modal open?'); // does it shown in console? if not then modal is not open.
  // do something... like $('#errorModal .modal-body').html(msg.split('\n').join('<br />'));
});

聚苯乙烯。如果在控制台中显示console.log（'是模态打开？'）那么你必须检查为什么模态是不可见的。可能有很多原因，没有高度/宽度，低z-index等。

Bootstrap / Modal警报 - 没有警报的日志显示

1 个答案: