2014-07-26 53 views
4

我創造了這個彈出框在我的網站:如何禁用點擊彈出來退出?

enter image description here

用下面的代碼:

<div class="modal custom 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">Upload a Meme</h4> 
     </div> 
     <div class="modal-body"> 
      <div class="input-group"> 
       <input type="text" class="form-control" placeholder="Url: http://" id="urlInput"> 
       <input type="text" class="form-control" placeholder="Title" id="titleInput"> 
       <input id="saveComments" type="text" class="form-control" placeholder="Comments"> 
       <input type="text" class="form-control" placeholder="Tags" id="tagInput"> 
      </div> 
      <br> 
      <h4>&nbsp;Rate It:</h4> 
      <div class="rating pull-left"> 
       <input type="radio" id="stars5" name="rating" value="5" /><label for="stars5" title="Rocks!">5 stars</label> 
       <input type="radio" id="stars4" name="rating" value="4" /><label for="stars4" title="Pretty good">4 stars</label> 
       <input type="radio" id="stars3" name="rating" value="3" /><label for="stars3" title="Meh">3 stars</label> 
       <input type="radio" id="stars2" name="rating" value="2" /><label for="stars2" title="Kinda bad">2 stars</label> 
       <input type="radio" id="stars1" name="rating" value="1" /><label for="stars1" title="Sucks big time">1 star</label> 
      </div> 
     </div> 

     <div class="modal-footer"> 
      <button type="button" class="btn btn-default cancel" data-dismiss="modal">Cancel</button> 
      <button type="button" class="btn btn-default submit" id="saveSubmit"><b>Submit</b></button> 
     </div> 
    </div> 
</div> 

我有一個取消按鈕和一個提交按鈕。取消按鈕退出彈出窗口,但用戶也可以在「上傳」窗口外點擊退出。

如何防止點擊盒子外的點擊退出?

感謝

+1

你必須張貼您的代碼我們幫助隊友。沒有你的代碼,這隻會是猜測工作。 – Harry

+0

好的我會編輯謝謝你 – user1631224

+1

標記(HTML)本身不足以滿足配對。你還需要顯示CSS和Javascript。你在使用bootstrap還是其他庫?如果你使用bootstrap,那麼如果你可以製作[小提琴](http://jsfiddle.net/)或[bootply sample](http://www.bootply.com/),我認爲會更好。 – Harry

回答

2

添加兩個字符串像data-backdrop=staticdata-keyboard="false

通過數據backfrop設置靜態和數據鍵盤,以虛假它可能會解決你的問題..

請看看here。它會給你的解決方案