如何在点击的javascript中添加引导模式。到目前为止,我只能在点击时发出警告(“你好”)。我如何提示出一个模态框?
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
});
你不需要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">× </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');
}
首先使模态弹出div然后,配置并使用.modal('show')例如: -
<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');
你可以使用id之类的
$("#modal-id").modal("show");
或者你可以使用类名$(".modal-class").modal("show");