Question

我试图清除模态体中的内容而不实际关闭模态框。理论上，新的报价按钮会改变报价。正如我现在所做的那样，它继续在下面添加一个引用。

通过我的搜索，我已经看到了这个回答说关闭框并使用.removeData（）等等。

以下是模态框的代码。

<div class="modal in" id="journalModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="myModalLabel">Quotes for Life</h4>
      </div>
      <div class="modal-body" id="text">
      </div>
      <div class="modal-footer">
        <button onclick="quoteClick()" type="button" class="btn btn-default btn2">New Quote</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>

这是我用来拉动api的脚本

function apiGrab(){
 $.getJSON("http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&    filter[posts_per_page]=1&callback= function(a) {
  $(".modal-body").append(a[0].content + "<p>— " + a[0].title + "</p>")
 });
}

Answer 1

在你的引用功能中使用这样的功能

function quoteClick()
{ 
 document.getElementById("text").innerHTML = "";
}

这将清除对话框中的旧内容，并进一步处理

jquery - 清除模态内容而不隐藏框

1 个答案: