2012-11-05 2 views
0

У меня есть ситуация, я генерация динамического HTML с помощью JQuery, какOnClick JQuery не работает

var list_of_addressbook_entries = {}; 
var filter = [] 
function save(){ 
    var user = $("#addressbook_user").val(); 
    var desg = $("#desg").val(); 
    var ahtml='<div id ="user_'+user+'" class="addr_list" style=" font-size: 30px;display:block; background: none repeat scroll 0% 0% peachpuff;margin:1px 1px 1px 1px ;">' 
    ahtml = ahtml + '<span style="display: block; float: left; font-size: 30px; margin: 2px 24px 2px 21px;" >'+user+'</span>' 
    if(desg == 'M'){ 
     ahtml = ahtml + '<span style="display: block; float: left; font-size: 30px; margin: 2px 24px 2px 21px;">Moderator</span>' 
    } 
    else{ 
     ahtml = ahtml + '<span style="display: block; float: left; font-size: 30px; margin: 2px 24px 2px 21px;">Attendee</span>' 
    } 
    ahtml = ahtml + '<div onclick="remove_video(\''+user+'\')"><span ><img src="/UI/user/img/delet.jpeg" alt="Smiley face" height="42" width="42" /> </span></div></div>' 
    var ua = "'"+user+"'"; 
    filter.push(ua); 
    $.ajax({ 
     type: "GET", 
     url: "<?php echo SITE_URL;?>/UI/user/filterbox.php", 
     data: "list="+ filter+"&Where=addressbook" , 
     success: function(json){ 
       $('#addorguser').html(json); 
       // if(!json.error) location.reload(true); 
     }, 
     error: function (xhr, textStatus, errorThrown) { 

      alert(json); 
     } 

    }); 





    $("#organization").append(ahtml); 



} 
    function remove_video(user){ 
     alert(user); 
     $("#user_"+user).hide(); 
    } 

После вызова сохранения() я добавляющая динамически HTML в DIV есть функция remove_video я также определен в динамическом html.

Но когда я нажимаю на динамический div, чтобы удалить div, функция remove_video не будет вызвана.

У меня также нет ошибок.

Помогите мне плз.

* Обновлено Html *

<div id="organization" name="organization"> 
    </div> 

       <div>Address Book</div><br> 

       <div id="box1"> 
         <?php 
         if (isset($_SESSION["user_name"])){ 
          $get_user_name = $_SESSION["user_name"]; 
          ?> 
       <div id="addorguser" style="display: block; float: left;"> 
         <select id ="addressbook_user" name="addressboook_user"> 
         <?php 

          $asql = "SELECT * from demo_addressbook WHERE user_created_id IN(SELECT id FROM demo_user WHERE user_name = '$get_user_name') AND type = 1 ";      
         // $result = mysql_query($query); 
         // mysql_real_escape_string($asql); 
          $aresult = mysql_query($asql) or die (mysql_error()); 
          while($arow_list=mysql_fetch_assoc($aresult)){ 
           ?>      
           <option value="<?php echo $arow_list['guest_name']; ?>"><?php echo $arow_list['guest_name']; ?></option> 
           <?php         
          } 
           ?> 
          </select> 

        </div>  
          <select name="desg" id="desg"> 
          <option value="A">Attendee</option> 
          <option value="M">Moderator</option> 

          </select> 
          <input type="button" id ="aadd" onclick="save()" name="button" value="Add"/> 
       </div> 

       <?php 
         } 
       ?> 
+0

Большой беспорядок из PHP + MySQL + HTML + JS + встроенный CSS : подумайте об изучении разделения проблем, прежде чем сойти с ума. – moonwave99

+0

предложите мне какое-либо решение или ссылку – user1667633

+0

Начните отсюда: http://stackoverflow.com/questions/639622/separation-of-concerns-mvc-why – moonwave99

ответ

0

Попробуйте Exemple:

$('#aadd').on('click', function(e){ 
    alert('Click'); 
}); 

или это один

$('#aadd').click(function(e){ 
    alert('Click'); 
}); 
+0

Я не могу сделать идентификатор меняющимся – user1667633

+0

использовать класс CSS class = "Submit-кнопки" – RDK

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