Javascript onclick顯示模式

如何在點擊時在javascipt中添加引導模式。到目前爲止，我只能在點擊時發出警報（「你好」）。我如何提示模態框？Javascript onclick顯示模式

graph.on("click", function (params) { 
     var node = params['nodes'][0]; 
     displayInfo=false; 
     if(node!=null){ 
     console.log('node:'+ params['nodes'][0]); 
     x = params["pointer"]['canvas']['x']; 
     y = params["pointer"]['canvas']['y']; 

     displayInfo=true; 
     lastNode = nodes.get(node); 
     lastClick = params['pointer']; 
     //console.log(node); 
     } 
     alert("hello"); 

     //add boostrap modal here  
    });

來源

2016-09-24 stackoverflow

的可能的複製[引導情態動詞：如何用開放的onClick = 「」]（http://stackoverflow.com/questions/20111219/bootstrap-modals-how-to-open -with-onclick） –

您不需要onclick。

<div class="span4 proj-div" data-toggle="modal" data-target="#GSCCModal">Clickable content, graphics, whatever</div> 

<div id="GSCCModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
<div class="modal-dialog"> 
    <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" id="myModalLabel">Modal title</h4> 
     </div> 
     <div class="modal-body"> 
     ... 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
    </div> 
    </div> 
</div>

如果你需要一個onclick事件無論如何，使用它象下面這樣：

graph.on("click", function (params) { 
$('#myModal').modal('show'); 
}

參考：http://getbootstrap.com/javascript/#modals

來源

2016-09-24 06:06:23

創建HTML模式，併爲它指定ID，例如「my_modal 「 http://getbootstrap.com/javascript/#live-demo
顯示模式在js使用代碼：

$（「＃my_modal」）。modal（'show'）;

來源

2016-09-24 06:06:58

Co我們剛剛分享了相同的答案pal：p – Vikrant

您可以使用ID喜歡

$("#modal-id").modal("show");

或者你可以使用類名$(".modal-class").modal("show");

來源

2016-09-24 06:08:53

首先製作模式彈出的div然後，配置和使用.modal（ '秀'）例如： -

<a href="" data-target="#modalDiv" data-toggle="modal"> You can also use onClick call for jquery here. </a> 
    <div id="modalDiv"> 
     //some content 
    </div>

在jQuery使用中，

 $("#modalDiv").modal('show');

入住這http://getbootstrap.com/javascript/#live-demo

來源

2016-09-24 06:12:58 Vikrant

Javascript onclick顯示模式

回答

相關問題