显示模态 bootstrap 以及来自 javascript 的可选值和单引号

Question

模态无法显示，因为变量三中有值单引号(')javascript:edit。请解决这个问题...

我一直在 javascript 函数中使用 htmlspecial 字符，但在单引号中仍然没有效果。

先致谢 -_-。

<div class="modal fade" id="mEditComment" 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">Edit comment</h4>
      </div>
      <br>

      <form name="editCmmt" class="form-horizontal" method="POST">
        <fieldset>

          <div class="control-group">
            <!-- nama -->
            <label class="control-label">Email</label>
            <div class="controls">
              <input type="text" name="email" class="input-xlarge">
            </div>
          </div>
          <div class="control-group">
            <!-- nama -->
            <label class="control-label">Name</label>
            <div class="controls">
              <input type="text" name="email" class="input-xlarge">
            </div>
          </div>
          <div class="control-group">
            <!-- asal-->
            <label class="control-label">Komentar</label>
            <div class="controls">
              <input type="text" name="comment" class="input-xlarge">
            </div>
          </div>
        </fieldset>

        <div class="modal-footer">
          <input type="submit" name="edit" class="btn btn-success" value="Update">
          <input type="reset" name="reset" class="btn btn-danger" value="reset">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </form>
    </div>
  </div>
</div>
<script type="text/javascript">
  //open modal dialog for edit
  function edit(satu, dua, tiga) {
      document.editCmmt.email.value = satu;
      document.editCmmt.name.value = dua;
      document.editCmmt.komentar.value = tiga;
      $('#mEditComment').modal('show');
</script>
<a href="#" onclick="javascript:edit('bagus@domain.com','Bagus Wicaksono','the prob'lem was here')" data-toggle="modal" class="btn btn-success btn-lg">Edit comment</a>

Answer 1

只需使用 \

转义单引号

<a href="#"
  onclick="javascript:edit('bagus@domain.com','Bagus Wicaksono','the prob\'lem was here')"
  data-toggle="modal"
  class="btn btn-success btn-lg">
  Edit comment</a>

它会起作用的。这告诉解析器您想要将文字 ' 插入到字符串中。

显示模态 bootstrap 以及来自 javascript 的可选值和单引号

Show modal bootstrap with optional value from javascript with single quote

javascript

quotes

modal-dialog

twitter-bootstrap