После открытия и закрытия bootstrap модально при нажатии на кнопку я не могу открыть его снова без обновления страницы?

Question

У меня странные проблемы с моим bootstrap модальным режимом. Я объясняю свои шаги для работы с bootstrap модальным. 1. Я открывал модал и динамически загружал содержимое его тела при нажатии кнопки div. 2. Успешно загружен. Затем я закрыл модальное окно, нажав кнопку «Отмена данных». 3. затем снова откройте модальное окно, нажав div, чтобы вернуть всю страницу пустой, включая весь мой экран.

Я вставил свой код ниже, мой div с функцией onclick равен

while($row = mysqli_fetch_array($prod_rs))
                                      {
                                   ?>
                                   <div class="item" onclick="prod_modal('<?php echo $row['pid']; ?>');" data-toggle="modal" data-target="#product_modal">
                                      <div class="tile image selected" >
                                         <div class="tile-body">
                                            <img src="<?php echo $row['img']; ?>">
                                         </div>
                                         <div class="tile-object">
                                            <div class="name" style="color:black">   <?php echo $row['name']; ?></div>
                                         </div>
                                      </div>
                                   </div>
                                   <?php
                                      }
                                   ?>

мой модальный режим

 <div class="modal fade product_modal" id="product_modal" tabindex="-1"  role="product_modal" aria-labelledby="myModalLabel" aria-hidden="true">
                                      <div class="modal-dialog modal-lg" role="document">
                                         <div class="modal-content modal-media-content">
                                            <div class="modal-header modal-media-header">
                                               <h4  class="box-title">Product</h4> 
                                               <button type="button"  class="close" data-dismiss="modal" aria-hidden="true"></button>
                                            </div>
                                            <div class="modal-body" id="product_add">
                                            </div>
                                         </div>    
                                          </div>
                                 </div>

и моя динамическая c загруженная jquery страница равна

function prod_modal(id)
    {
         $.ajax({
        Type:'POST',
        url: 'sales_orderproduct.php', 
        data:'id='+id,
         success: function(result)
            {
               $("#product_add").html(result);
            }

             });
    }

, тогда моя динамическая c загруженная часть тела равна

">

, когда я нажмите всплывающее модальное окно, когда в первый раз оно отобразится как

. Я снова закрою и снова открою его, чтобы открыть пустой экран, даже если мои продажи. php страница не показывается, она отображается пустой. Но это работает, после обновления страницы.