Question

我有以下内容，当点击类似于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">&times;</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>标签或类似的东西中显示它？

谢谢！

Answer 1

您可以使用.append()（来源：api.jquery.com/append）或.add()（来源：api.jquery.com/add）将p元素附加到对话框

将值传递给模态并显示为纯文本

1 个答案: