Bootstrap：與兩種模式交互

我有一個模式，讓我們稱之爲模式A，它有一個按鈕。當點擊此按鈕時，它會打開另一個模態B模式。現在模態B中有一些內容需要複製到模態A，而不會關閉模態B以將數據粘貼到模態A中的文本框中。Bootstrap：與兩種模式交互

<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#modalA"> 
Launch demo modal 
</button> 

<!-- Modal --> 
<div class="modal fade" id="modalA" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
<div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
    <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
    </div> 
    <div class="modal-body"> 
    <a href="#" onclick="return false;" data-toggle="modal" data-target="#modalB">Help</a> 
<textarea id="PASTEHERE" class="form-control input-sm" row="5"></textarea> 
    </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> 

<!-- Modal --> 
<div class="modal fade" id="modalB" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
<div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
    <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
    </div> 
    <div class="modal-body"> 
    <p>SOME TEXT TO COPY</p> 
    </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>

來源

2015-11-11 Json

請，顯示的代碼。 – ojovirtual

也是，標題中的錯字？ –

希望它有幫助，我不覺得需要粘貼代碼，因爲它不是一個錯誤或什麼。只是想問自舉能否做到這一點。 – Json

您可以使用jQuery做到這一點：

$("#modalA #PASTEHERE").val($("#modalB .modal-body p").html());

來源

2015-11-11 08:48:21 ojovirtual

謝謝，但我的問題的底線是，是否可以同時與兩個模態進行交互，而不會相互阻塞。在jQuery中是可能的，但我並不確定使用bootstrap，我們將jQuery的東西遷移到Bootstrap ....如果你試圖將其視覺化，那麼有兩種模式，都必須是可點擊的......現在它是阻止另一個..我不需要改變它的當前功能。 – Json

@jzoned所以你想在模態之間手動複製/粘貼內容？這是你的問題嗎？ – ojovirtual

是這樣的... – Json

Bootstrap：與兩種模式交互

回答

相關問題