Question

我正在使用javascript函数这个函数持有ajax请求。我也有一个锚标记。页面加载时 - 显示的项目列表和按钮添加新项目

1.when i click on and item then it shows item detail.
2.then i click on add new buttom and form to add item shown.
3.but when i again click on any item it works fine but after that add 
new item stop working.

javascript函数：

function Detail(ths,e){
    $(ths).siblings().removeClass('active');
        $(ths).addClass('active');
    var id = $(ths).attr('id');
        storage.setItem('itemId',id);

if(!e.target)
    {
    var top = $(ths).position().top;
    $('.list').scrollTop(top-100);      
}

    if(!$(e.target).hasClass('action'))
    {
      $.ajax({
        url : "manage-details.php",
        type: "POST",
        data: {id:id} ,
        success: function(text) {          
             $("#rightsec").html(text);   
        }
      })
    }
}

锚码：

    <a title="Add Items" id="additems" class="" href="#!manage-items.php|add-items.php">
       <span >
       </span>
       <span >Add Items</span>
    </a>

以上两个代码描述了整个条件。

Answer 1

在ajax之后添加的项目没有与JQuery事件绑定，你必须像这样绑定它们：

$( "body" ).on( "click", "h2", function() {
    // Do something
});

Doc here :) http://api.jquery.com/on/

在javascript函数调用锚标记后停止工作

1 个答案: