2016-05-22 2 views
0

qモーダルボックスを実際に閉じずにモーダルボディにあるコンテンツをクリアしようとしています。新しい見積もりボタンは、理論的に見積もりを変更します。私は今それを持っているので、下に引用符を追加し続けるだけです。私は、私は答えたこれを見ている方法のすべてを検索を通じてjquery - ボックスを隠すことなくモーダルコンテンツをクリアする

は、ボックスを閉じ、

以下はモーダルボックスのコードです.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> 

は、私は、これはダイアログと、さらにプロセスから古いコンテンツをクリアします

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>") 
}); 
} 

答えて

1

youeで、このような使用quoteclick機能

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

APIを引っ張るために使用しているスクリプトです行く

+0

これは動作しません。モーダルボックスは、テキスト領域のように扱われません。これは、これが動作する場所です。モーダルボックスの代わりにテキストボックスで動作するように変更することにしました。モーダルボックスのコンテンツを更新することはできないようです。 – xedocx

関連する問題