Wie man Daten-ablehnt innerhalb der Knopfmarke hinzufügt?

<button aria-hidden="true">Close</button>

Ich habe eine Schaltfläche Tag in HTML. Ich möchte <data-dismiss="modal"> in Button-Tag von JQuery hinzufügen, so dass es wie <button data-dismiss="modal" aria-hidden="true">Close</button> werden. Gibt es einen Weg, es zu tun?Wie man Daten-ablehnt innerhalb der Knopfmarke hinzufügt?

Quelle

2017-04-07 user7348570

Mögliche Duplikat [So legen Sie Datenattribute in HTML-Elementen fest] (http://stackoverflow.com/questions/13524107/how-to-set-data-attributes-in-html-elements) – Mohammad

$('button').attr("data-dismiss","modal");

.attr dauert 2 Parameter, Attribut und den Wert.

Quelle

2017-04-07 06:41:08 hamzox

Sie können dies tun, indem Sie .attr() verwenden. Zuerst stellen Sie die attributeName, dann die value

$('button').attr("data-dismiss","modal"); 
 
console.log($('button')[0])

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button aria-hidden="true">Close</button>

Quelle

2017-04-07 06:39:17

hier vor allem gibt es keine Daten-abtun Tag auf den Knopf, nachdem ich hängten auf offenen modale Klick auf die Schaltfläche Daten entlassen, versuchen Sie diese

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <title>Bootstrap Example</title> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
</head> 
 
<body> 
 

 
<div class="container"> 
 
    <h2>Modal Example</h2> 
 
    <!-- Trigger the modal with a button --> 
 
    <button type="button" class="btn btn-info btn-lg open-modal" data-toggle="modal" data-target="#myModal">Open Modal</button> 
 

 
    <!-- Modal --> 
 
    <div class="modal fade" id="myModal" role="dialog"> 
 
    <div class="modal-dialog"> 
 
    
 
     <!-- Modal content--> 
 
     <div class="modal-content"> 
 
     <div class="modal-header"> 
 
      <button type="button" class="close">&times;</button> 
 
      <h4 class="modal-title">Modal Header</h4> 
 
     </div> 
 
     <div class="modal-body"> 
 
      <p>Enter Text</p> 
 
      <input id="input_Text" type="text" class="form-control"/> 
 
     </div> 
 
     <div class="modal-footer"> 
 
      <button type="button" class="btn btn-default" >Close</button> 
 
     </div> 
 
     </div> 
 
     
 
    </div> 
 
    </div> 
 
    
 
</div> 
 
<script> 
 
$('.open-modal').click(function(){ 
 
    $('button').attr("data-dismiss","modal"); 
 
}); 
 

 
$('#input_Text').change(function(){ 
 
if($('#input_Text').val()!=""){ 
 
$('#myModal').modal('hide'); 
 
} 
 
else{ 
 
    alert('Give some text'); 
 
} 
 

 
}); 
 

 
</script> 
 
</body> 
 
</html>

Quelle

2017-04-07 07:05:38

In diesem Modellfenster, wenn ich es schließen möchte Nach Eingabe eines beliebigen Textwertes und wenn kein Text eingegeben wurde, sollte er sich nicht schließen und nach Text fragen. Was muss dann geändert werden? – user7348570

Code geändert, wie Sie gebeten haben, versuchen Sie es jetzt –

Wie man Daten-ablehnt innerhalb der Knopfmarke hinzufügt?

Antwort

Verwandte Themen