Php AJAX调用后打开Boostrap动态模式

我有一个名为test.html的页面，其中一个div名为id=display\u modal\u result显示modal的内容，另一个div名为id=item显示每个modal的链接

在另一个页面modalcall.php中，我有一个生成多模式链接和多模式内容的php脚本

在test.html上，我使用AJAX脚本调用我的PHP页面，将结果添加到item中，并显示结果。但是，当我尝试单击一个链接时，关联模式没有打开

一个想法

test.html上的Ajax脚本：

    $.ajax({
        type: "GET",
        url: "modalcall.php",
        success: function(data) {

          $('#item').html(data); // Add modal links
          $('#display_modal_result').html(data); // Add content modal
          $('#display_modal_result').on('click', '.item_link', function(){

          // Get ID of MODAL
          var targetmodal = $(this).attr('data-target');
          // Show modal 
          $(targetmodal).modal('show');
        });

        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            alert("error");
        }
    });

<div id="display_modal_menu">
<!-- Display X content modal from modalcall.php -->
</div>

<div id="item">
<!-- Display X modal link from modalcall.php -->
</div>

test.Html上的Html：

    $.ajax({
        type: "GET",
        url: "modalcall.php",
        success: function(data) {

          $('#item').html(data); // Add modal links
          $('#display_modal_result').html(data); // Add content modal
          $('#display_modal_result').on('click', '.item_link', function(){

          // Get ID of MODAL
          var targetmodal = $(this).attr('data-target');
          // Show modal 
          $(targetmodal).modal('show');
        });

        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            alert("error");
        }
    });

<div id="display_modal_menu">
<!-- Display X content modal from modalcall.php -->
</div>

<div id="item">
<!-- Display X modal link from modalcall.php -->
</div>

modalcall.php上的脚本：

// While to display X modal link
$result1 = mysql_query("select * from $mytable order by iditem");
while ($r1 = mysql_fetch_array($result1)) 
{
 $iditem= $r1['iditem'];
 $title= $r1['title'];

 echo '<div class="item_link">
       <div class="item_link_line" data-toggle="modal" data-target="#mymodal_'.$iditem.'" type="button">'.$title.'</div></div>';
}


// While to display each modal content
$result1 = mysql_query("select * from $mytable order by iditem");
while ($r1 = mysql_fetch_array($result1)) 
{
 $iditem= $r1['iditem'];
 $title= $r1['title'];
 $content= $r1['content'];
 echo '<div class="modal fade" id="#mymodal_'.$iditem.'" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true" style="display: none;">
    <div class="modal-dialog">
        <div class="menumodal-container table-responsive">'.$title.'<br>'.$content.'<BR><BR>';
 echo '</div></div></div>';
}

---

如果你记录targetModal，你会得到什么？我显示了mymodal_x…这就是重点。我不知道为什么它不工作：-\只是确认一下，您在控制台中没有看到任何错误或任何东西？只是什么都没发生。jquery是否包装在文档中准备就绪？控制台中是否有错误，在文档准备就绪后加载脚本。