Question

我发生了相当奇怪的事情。

据我所知，$ .ajax函数适用于jQuery和Zepto.js（我亲自尝试过后者）。我有一个将数据上传到数据库的ajax函数，它工作正常。

另外，我有一个div标签，在div标签里面我有一个ul标签。 UL中的LI项目可以使用jQuery进行排序和拖放。

两者完全分开工作。但是当它们都在一个代码中时，ajax函数有些不起作用......

我是否遗漏了某些内容，或者我在代码中犯了错误？

的Ajax：

<script type="text/javascript" src="zepto.js"></script>

<script>
    setInterval(function(){
        $.ajax({
            url:'update.php',
            type:'POST',
            data: {
                souls:souls,
                bones:bones,
                xp:  $('#xp').val(),
                xp_max: $('#xp').attr('max'),
                hp:  $('#lifes').val(),
                hp_max: $('#lifes').attr('max'),
                level:$('#level').attr('innerHTML'),
                quest:quest,
                is_completed:is_completed
            }
        });
    } ,1000)
    </script>

其他功能：

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
    <script>


  $(function() {
      $( "#li" ).draggable({ revert: true });

    $( "#sortable" ).sortable();

    $( "#sortable" ).disableSelection();

    $( "#inventory" ).draggable();


  });

</script>

P.S我已尝试过代码的每个位置，以防其中一个代码无法正常工作，但仍然没有结果

Answer 1

我在浏览器中看到了您的源代码，因为您有html4.1，所以这是您需要更正的内容：

在脚本代码中添加type="text/javascript"。如果没有这些，就会出现错误。
从元素中删除相同的ID。而是添加类而不是给出相同的Id。
尝试在单个脚本代码中使用完整代码，而不是定义多个代码。
查看您的控制台，您需要修复一些错误。

尝试这些更改。

jQuery可排序函数与ajax函数的兼容性

1 个答案: