Question

我试图用jQuery和PHP创建一些脚本

我有多个从数据库生成的元素，并在同一个div中显示不同的名称标签，当我点击一些div我启动jQuery调用和函数从名称真值PHP发布值，后来我需要通过元素更改id标签名。

HTML

<li class="todo-item">
  <div class="checkbox checkbox-success" ?> 
    <input type="checkbox" id="zadatak" name="<?php echo $row2["id"];?>" 
    <?php if ($row2['status'] == '1'){ echo "checked"; }?>>
      <label for="checkbox02">
        <?php echo $row2["zadatak"]; ?>
      </label>
  </div>
</li>

的jQuery

<script>
  //ajax call_user_func
  $(document).ready(function() {    
    var x_timer;    
    $("#zadatak").bind('click keyup', function (e){
      clearTimeout(x_timer);
      var id = $(this).attr('name');
      x_timer = setTimeout(function(){
        ajax_zadatak(id);
      }, 100);
    });

    $("#zadatak2").bind('click keyup', function (e){
      clearTimeout(x_timer);
      var id2 = $(this).attr('name');
      x_timer = setTimeout(function(){
        ajax_zadatak2(id2);
      }, 100);
      console.log("k1");
    });

    function ajax_zadatak(id){
      $.post('ajax/zadaci.php',{'id':id}, function(data) {
        $("#zadatak-poruka").html(data);
      });
    }

    function ajax_zadatak2(id2){
      $.post('ajax/zadaci2.php',{'id2':id2}, function(data) {
        $("#zadatak-poruka").html(data);
      });
    }    
  });
</script>

PHP

在bouth PHP文件中，我有jQuery代码用于更改ID whit elementName标记

zadaci.php

<script>
  $(\'[name="'.$id.'"]\').attr("id","zadatak2");
</script>

zadaci2.php

<script>
  $(\'[name="'.$id.'"]\').attr("id","zadatak");
</script>

当我更改ajax PHP代码ID时问题就开始了首先我有ID = zadatak并将其更改为ID = zadatak2，当我尝试点击zadtak2时，我的jQuery调用fith＃zadatak2无效。

感谢。

Answer 1

我改变了我的JQ代码。

<script>
//ajax call_user_func
$(document).ready(function() {

var x_timer;

$('.todo-item [type="checkbox"]').bind('click keyup', function (e) {

clearTimeout(x_timer);
var id = $(this).attr('name');
if (this.checked)
x_timer = setTimeout(function () {ajax_zadatak(id)}, 100);
else
x_timer = setTimeout(function () {ajax_zadatak2(id)}, 100);
}); 


function ajax_zadatak(id){
$.post('ajax/zadaci.php',{'id':id}, function(data) {
$("#zadatak-poruka").html(data);
});
}

function ajax_zadatak2(id){
$.post('ajax/zadaci2.php',{'id':id}, function(data) {
$("#zadatak-poruka").html(data);
});
}

});
</script>

jQuery - 调用问题改变了id元素

1 个答案: