почему после нажатия на тег <a>страница обновляется и не работает appendTo?

Question

тег a равен $ .each (). см. мой код JS:

 $('.auto_complete').keyup(function () {
                var id = '#' + this.id;
                var alt = $(id).attr('alt'); var id = $(this).attr('id'); var name = $(this).attr('name');
                var url = alt + id + '/' + name;
            var dataObj = $(this).closest('form').serialize();
            $.ajax({
                type: "POST",
                url: url,
                data: dataObj,
                cache: false,
                dataType: 'json',
                success: function (data) {
                    $(".list_name").show().html('');            
                    $.each(data.name, function(a,b){
                        $(".list_name").append('<p><a href="" id="result">' + b + '</a></p>');
    ////////////////////here/////////////////////
                        $('.list_name p a').live('click', function(e) {
                                    e.preventDefault();
                                    $('<b>' + b + '، </b><input type="text" name="hotel[]" value="' + b + '" style="border: none; display: none;" />').appendTo('.auto_box span');
                                    $(this).remove();
                                return false;
                                });
    /////////////////////////////////////////////
                    });
                    if($('.auto_complete').val()==''){
                        $(".list_name p").hide().remove()
                    }
                    $('body').click(function(){
                            $(".list_name p").hide().remove();
                            $('.auto_complete').val('');
                        });
                },
                "error": function (x, y, z) {
                    // callback to run if an error occurs
                    alert("An error has occured:\n" + x + "\n" + y + "\n" + z);
                }
                });

            });

php: (я использую codeigniter)

function search_hotel(){
            $search_term = $this->input->post('search_hotel');
            $query = $this->db->order_by("id", "desc")->like('name', $search_term)->get('hotel_submits');
            $data = array();
            foreach ($query->result() as $row)
            {
               $data[] = $row->name;
            }
            echo json_encode(array('name' => $data));
    // echo: {"name":["333333","\u0633\u0644","\u0633\u0644\u0627\u0633\u06cc","\u0633\u0644\u0627\u0633\u0633","\u0633\u0644\u0627\u0645"]}
        }

Answer 1

Потому что событие не было прикреплено. Зачем? Вы должны отладить его ... у вас есть ошибки в консоли браузера Javascript? Возможно, прекратил анализ из-за какой-то ошибки.

Может быть, вы не выбираете правильный элемент (имя_списка или имя-списка) ... и т.д.

UPDATE
Какую версию jQuery вы используете?
Вы можете поместить привязку события вне вызова AJAX для проверки. Это тоже должно сработать.
Вы можете также попытаться прикрепить его к родительскому .list_name, события всплывают, так что более эффективно делать это так У вас есть какие-либо ошибки в журнале консоли?

Answer 2

То, как вы подходите к решению, может зависеть от того, что вы добавили к своей ссылке с точки зрения событий.Вместо этого я бы попробовал это так:

$('.list_name p a').live('click', function() {
    $('<b>' + b + '، </b><input type="text" name="hotel[]" value="' + b + '" />').appendTo('.auto_box span');
    $('.list_name p a').remove();
    return false;
});

Я создал jsFiddle для примера , который, кажется, работает просто отлично.Если вы все еще получаете отправку формы, то в вашем коде могут быть другие синтаксические ошибки или другие события, связанные с вашими элементами, которые мешают или препятствуют достижению желаемого поведения.

Answer 3

Попробуйте это

$('.list_name p a').live('click', function(e) {
                            e.preventDefault();

var b = "defineIt";$ ('' + b + '، '). AppendTo ('. Auto_box span');$ (Это) .remove ();вернуть ложь;});