0

jQueryを使用してダイナミックHTMLを生成している状況があります。

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();
    }

save（）を呼び出した後、動的に生成されたhtmlをdivに追加していますが、動的htmlでも定義されているremove_video関数があります。

しかし、動的divをクリックしてdivを削除しようとすると、remove_video関数が呼び出されません。

また、エラーは発生していません。

plzを助けてください。

*更新された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 
                        }
                ?>
4

1 に答える 1

0

この例を試してください:

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

またはこれ

$('#aadd').click(function(e){
     alert('Click');
});
于 2012-11-05T11:07:09.090 に答える