donglv9116 2017-02-22 06:47
浏览 35
已采纳

使用Codeigniter在模态中使用jquery显示图像

How to show image in modal (#photoss), using jquery which id is called from :

 <div class=" top-deal">   
     <a data-toggle="modal" href="#" data-target="#tallModal" class="mask tt" ... photoss="<?php echo $rec->ss;?>" > 

This my script :

    <script type="text/javascript">
            $(document).ready(function(){

              $(".tt").click(function(){

                ....
                 $("#kabkota").html($(this).attr("kabkota"));

                 $('#photoss').html('<img src="'+base_url+'upload/screenshoot/'+ss+'" class="img-responsive">'); // show photo
                 });
               });
          </script> 

This my modal

    <div id="tallModal" class="modal modal-wide fade">
    <div class="modal-dialog">
     ....
         <h4 id='namaaplikasi'> Nama Aplikasi</h4> </br>
             <div id="photoss">

                </div>
            ...
  </div><!-- /.modal -->

  • 写回答

1条回答 默认 最新

  • dongzheng4556 2017-02-22 07:00
    关注

    You can show image in modal like this.

    Use anchor as:

    Remove data target attribute and use it as normal anchor as.

     <a href="javascript:;"  class="mask tt"  photoss="<?php echo $rec->ss;?>" > 
    

    Make the script like below:

     <script type="text/javascript">
    
                $(document).ready(function(){
    
                  $(document).on("click",".tt",function(){
    
                    var ss  =    $(this).attr("photoss");
                    var base_url = "your base url";
    
    
                     $('#photoss').html('<img src="'+base_url+'upload/screenshoot/'+ss+'" class="img-responsive">');
    
    
                     $("#tallModal").modal("show");
    
                   });
                 });   
              </script> 
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 esp8266控制共阳极wrgb灯板无法关闭所有led灯
  • ¥100 python读取速度问题
  • ¥15 stm32f407使用DMA问题
  • ¥15 您好 这个API接口该怎么弄 网站搭建好了 API也有 现在就不知道该怎么填写API 不知道怎么用
  • ¥88 用uniapp写一个多端的程序,用到高德地图,用高德的JSAPI吗?
  • ¥20 关于#c++#的问题:水果店管理系统
  • ¥30 dbLinq最新版linq sqlite
  • ¥20 对D盘进行分盘之前没有将visual studio2022卸载掉,现在该如何下载回来
  • ¥15 完成虚拟机环境配置,还有安装kettle
  • ¥15 有人会搭建生鲜配送自营+平台的管理系统吗