javascript - JQuery- Change the id of an element and call a function on click -


i have element id, changed id , when click on element (with new id now), still calls function previous id

$('#1st').click(function(){      $('#1st').attr('id','2nd');      alert("id changed 2nd");  });  $('#2nd').click(function(){      alert("clicked on second");  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>  <a href="javascript:;" id="1st">click</a>

example here

because add event before element exists. not find element. either attach event when change id or need use event delegation.

    $('#1st').on("click.one", function(e) {        $('#1st').attr('id', '2nd');        alert("id changed 2nd");        e.stoppropagation();        $(this).off("click.one");      });      $(document).on("click", '#2nd', function() {        alert("clicked on second");      });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>  <a href="#" id="1st">click</a>


Comments

Popular posts from this blog

python - mat is not a numerical tuple : openCV error -

c# - MSAA finds controls UI Automation doesn't -

wordpress - .htaccess: RewriteRule: bad flag delimiters -