2017-02-22 1 views
1

Как показать изображение в модальном (#photoss), с помощью JQuery, какой идентификатор вызывается из:Показать изображение с JQuery в модальных, используя Codeigniter

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

Это мой сценарий:

<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> 

Это мой модальный

<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 --> 

+0

Итак, что ошибка? Что не работает? – Uzbekjon

+0

Изображение не отображается, когда я пытаюсь получить изображение с именем $ ("# photoss"). Html ($ (this) .attr ("photoss")); thats отлично работает, но когда я пытаюсь отобразить изображение, которое это имя в пути (upload/screenshoot) с $ ('# photoss'). html (''); что не работает..Я думаю, что я ошибаюсь с этим кодом .. – hahaha

+0

вы знаете правильный код? – hahaha

ответ

2

Вы можете показать изображение в модальном виде.

Используйте якорь, как:

целевой Удалить данные атрибута и использовать его как обычный якорь, как.

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

сделать сценарий, как показано ниже:

<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> 
+0

Thank you, thats отлично работаю. – hahaha

+0

@ Kurnia вы можете проголосовать, чтобы он помогал другим тоже. –

Смежные вопросы