Question

jquery代码：

<script type="text/javascript">
     $(document).ready(function()
     {
        $('.img-responsive').on("click",function(){
          $('.modal-body').html( $(this).parent().html() );
            $('#myModal').modal({show:true})
        });
     })
    </script>

从json文件动态加载内容：

<script type="text/javascript">
   function showcontent(contentId)
   {
        var image=industry_contents[contentId-1].image_path.length;
        var imagehtml="";
        for(var i=0;i<image;i++)
        {
            if(i==0)
            {
                imagehtml+='<div  class="item active">';
                imagehtml+='<img src="'+industry_contents[contentId-1].image_path[i]+'" class="img-responsive">';
                imagehtml+='</div>';

            }
            else
            {
                imagehtml+='<div  class="item">';
                imagehtml+='<img src="'+industry_contents[contentId-1].image_path[i]+'" class="img-responsive">'; 
                imagehtml+='</div>';
            }

        }
        $('#chartimage').html(imagehtml);

   }
 </script>

滑块和模态弹出窗口的

链接：

`http://www.bootply.com/byUX0u7K0s`

在上面的代码中，我有一个迷你滑块，在bootstrap中有prev和next按钮，我试图打开每个图像的弹出模式。因此，当我们默认加载内容时，everthing工作正常（弹出窗口打开）。但是当我使用jSon动态加载内容时ajax弹出窗口无效。我的jQuery代码有什么问题吗？任何帮助将不胜感激......

通过ajax加载Json内容无法打开弹出窗口？

0 个答案: