在使用笨

如何顯示模式（#photoss）圖像模式jQuery的顯示圖像，使用jQuery該ID是叫在使用笨

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

來源

2017-02-22 hahaha

那麼，有什麼錯誤？什麼不起作用？ – Uzbekjon

當我嘗試獲取圖像名稱$（「＃photoss」）.html（$（this）.attr（「photoss」））時，圖像不顯示。多數民衆贊成在工作正常，但是當我嘗試顯示與$（'＃照片'）.html（''）路徑（上傳/ screenshoot）中的圖像名稱。這不工作..我認爲我錯了代碼.. – hahaha

你知道正確的代碼？ – hahaha

您可以像這樣在模態中顯示圖像。

使用錨點：

刪除數據目標屬性並將其用作普通錨點。

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

來源

2017-02-22 07:00:29

謝謝，這是完美的工作.. – hahaha

@Kurnia你可能會投票，以便它也可以幫助別人。 –

回答

相關問題