2012-10-31 86 views
-2

我如何才能找到div li包含圖像或不是如果它有,然後對它做一些操作它我嘗試了很多方法,但我失敗了。 我通過AJAX上傳的圖片像這樣 我有一個按鈕,顯示所選擇的股利,但我把當該圖像上單擊事件找到包含圖像的div li

<div id="display_img4" style="float: left; margin-left: 15px;"><li></li> 
    </div> 
but this code is useless    

$(document).ready(function(){ 
$('<li></li>').appendTo('#display_img4').html('<img src="<?php echo base_url();?>apps/screen_shots/'+response+'" alt="No image Found" height="75" width="75"/>').addClass('success'); 
} 
<script type="text/javascript"> 

var img5= $('div#display_img4 > li.success > img'); 
var li = $('div#display_img4 > li');var li_img =$('div#display_img4 > li').('img');if(li_img > 0){ 
      img.css("float","right"); 

      } 

      else{ 

        alert("not image") 
      } 


</script> 
</div> 

現在這是我的整個場景追加一些行動。

$(document).ready(function(){ 
<?php foreach($edit as $rows){ ?> 
    <?php foreach($screenshots as $inner_row){ ?> 
var btn_screenshot3 = $('#upload-sc3'); 
    var status_screenshot3 = $('#status_screenshot3'); 
    var screenshot3  = $('#display_img6'); 
    var addbtn2   = $('#btn-add2'); 
    var rembtn2   = $('#rem2'); 
    var screentxt2  = $('#screen-txt2-admin'); 
    var container3  = $('#container3'); 

     var screenshot3=<?php echo (file_exists('apps/'.$rows->application_id.'/sc_3'.$inner_row->screenshot3) ? "true" : "false"); ?>; 
     if(screenshot3 == true){ 
      $('div#container3').css("display","block"); 
      $('#rem5').css("display","none"); 
      $('#rem4').css("display","none"); 
      $('#rem3').css("display","none"); 
      $('#rem2').css("display","none"); 
      $('#rem1').css("display","none"); 
      $('#upload-sc3').css("display","none"); 
      $('#screen-txt2-admin').css("display","none"); 
       $('<li></li>').appendTo('#display_img6').html('<img src="<?php echo base_url();?>apps/<?php echo $rows->application_id; ?>/sc_3<?php echo $inner_row->screenshot3; ?>" alt="No image Found" height="75" width="75"/>').addClass('success'); 

     $('#screenshot3').html('<input type="hidden" value="<?php echo  $inner_row->screenshot3; ?>" name="screenshot3" id="screenshot3" /><img src="<?php echo base_url();?>images/remove.jpg" alt"Remove btn" onClick=deleteFileScreenshot3("sc_3<?php echo $inner_row->screenshot3; ?>","apps/<?php echo $rows->application_id; ?>/");>'); 

       btn_screenshot3.css("display","none");  

       screentxt2.css('display', 'none'); 
}else{ 

     $('#btn_add_more').css("display","block"); 
     $('#rem2').css("display","block"); 

     } 

這是我的Ajax調用

$(function(){ 
    var btn_screenshot3 = $('#upload-sc3'); 
    var status_screenshot3 = $('#status_screenshot3'); 
    var screenshot3  = $('#display_img6'); 
    var comm_txt   = $('#screen-txt2'); 
    new AjaxUpload(btn_screenshot3, { 
     action: '<?php echo base_url();?>index.php/apps/apps/add_screenshot3', 
     name: 'screenshot3_image', 
     onSubmit: function(file, ext){ 
      if (! (ext && /^(gif|jpg|png)$/.test(ext))){  
       screenshot3.html(''); 
       status_screenshot3.text('Only gif|jpg|png files are allowed'); 
       status_screenshot3.css("color","red"); 
       screenshot3.html(''); 
       return false; 
      }    

     }, 
     onComplete: function(file, response){ 
      <!--status_screenshot3.text(file);--> 
      screenshot3.html(''); 
      status_screenshot3.css("color","black"); 
      status_screenshot3.html(''); 
      if(response!= ""){ 

       $('<li></li>').appendTo('#display_img6').html('<img src="<?php echo base_url();?>apps/screen_shots/'+response+'" alt="No image Found" height="75" width="75"/>').addClass('success'); 

       $('#screenshot3').html('<input type="hidden" value="'+response+'" name="screenshot3" id="screenshot3" />&nbsp;&nbsp;<img src="<?php echo base_url();?>images/remove.jpg" style=" margin-top:10px;" title="Delete" onClick=deleteFileScreenshot3("'+response+'","apps/screen_shots/");>'); 
       btn_screenshot3.css("display","none"); 

       comm_txt.css("display","none"); 

       $('#sc3').hide(); 

    } else{ 
       status_screenshot3.css("color","red"); 
       status_screenshot3.css("margin-left","190px"); 
       status_screenshot3.text('Images are allowed with dimension maximum 400 X 800 and minimum 250 X 500'); 

      } 
     } 
    });  
}); 

這是HTML代碼,我要像

<div id="display_img6" style="float: left; margin-left: 15px;"> 

          <li></li> 

          </div> 

此代碼工作正常追加,現在我怎樣才能找到DIV李包含圖像或不包含如果包含,然後我做了更多的事情。

+0

在div標籤內腳本JavaScript? – undefined

+0

這是什麼? – chhameed

+0

你Ajax一個div裏面嵌入了jquery嗎?這將永遠不會工作 – mplungjan

回答

0
  1. 你正在添加你的JavaScript裏面的div?
  2. 您不能在JavaScript中添加PHP腳本,並期望它能夠動態運行。 PHP/JSP腳本只在頁面一次構建時才運行。
  3. 你的AJAX呼叫在哪裏?
+0

這不是一個答案,這是一個評論 – mplungjan

+0

這個評論中有一些答案元素。第2點。我希望zaib弗裏迪理解它。 –

+0

這是我的ajax調用 –