我有以下内容,当点击类似于this的图表中的节点时,它会显示一个模态:
使节点可点击的代码:
var node = canvas.selectAll(".node")
.data(nodes)
.enter()
.append("g")
.on("click", function(d){
$("#modalBody").val(d.relativePath);
$('#myModal').modal('show');
})
显示模态的代码:
<!-- Modal -->
<div class="modal fade" id="myModal" 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"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
<input type="text" name="modalBody" id="modalBody" value=""/>
</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>
我可以将值传递给模式以在正文中显示($("#modalBody").val(d.relativePath);
),但它出现在编辑框中(<input type="text" name="modalBody" id="modalBody" value=""/>
)。
无论如何将其显示为纯文本?例如,在<p>
标签或类似的东西中显示它?
谢谢!
答案 0 :(得分:1)
您可以使用.append()
(来源:api.jquery.com/append)或.add()
(来源:api.jquery.com/add)将p元素附加到对话框