2017-06-30 3 views
0

Grundsätzlich sollte die Erweiterung, an der ich arbeite, eine Warnmeldung anzeigen, wenn Sie darauf klicken. Die Schaltfläche funktioniert jedoch, indem Sie zum nächsten Schritt "Überprüfung überspringen" gehen, ohne die Box anzuzeigen, wie sie sollte.Bootstrap/Modal Alarm - Log zeigt ohne Alarm

Wenn die Schaltfläche geklickt wird, empfange ich diese von der Konsole.

$("#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'); 
    }); 

Die „skipCLicked“ log in der Konsole angezeigt wird, aber die eigentliche Alarm modal Meldung nicht angezeigt. Irgendwelche Vorschläge?

Unten ist mein Code in der Chrome-Erweiterung.

  • 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"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</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>

Die Taste funktioniert, wie es sollte aber keine Meldung zeigt, jede mögliche Hilfe würde geschätzt werden .

Bearbeiten: console.log ("skipCLicked"); wird über die Konsole angezeigt, so dass es bis zu diesem Punkt funktioniert.

Antwort

0

Haben Sie versucht:

$('#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 />')); 
}); 

Ps. Wenn console.log ('ist modal open?') in der Konsole angezeigt wird, müssen Sie überprüfen, warum Modal nicht sichtbar ist. Es kann viele Gründe geben, keine Höhe/Breite, keinen niedrigen Z-Index usw.