代码在 JSFiddle 中有效，但在 Localhost 中无效，请帮我找出原因

Question

当我可以让它在 JSFiddle 上运行时，我在让我的代码在我的 LAMP 服务器 localhost 上正常运行时遇到问题。现在通常发生这种情况时，我稍后会踢自己的一些小事。然而，众所周知，对一个问题多看几眼比一组好。请如果有人可以，请帮助我找到解决问题的方法。

这是我在 JSFiddle 上使用的 JS 函数。此函数采用一系列复选框并在下一个 JQuery Fade In Form 上填充排序列表。在 JSFiddle 上，它的所有显示同时显示，但在我的实际文档中，它的 2 种形式（仍然在索引中）在用户点击下一个时淡入淡出。

https://jsfiddle.net/1ukyLgnh/5/

这是我的存储库，其中包含我的完整 Index.html 文件，

https://github.com/dhierholzer/Basiconlineordering

注意： 我的索引文件中的函数位于底部 $('#btn4').click(function(e){ }

如果您正在运行 Web 服务器，从 Github 下载我的文件并运行它可能会有所帮助。

我正在使用的功能（适用于 FSFiddle 而不是我的 Index.html 文件）是这样的：

$(document).ready(function() {
    $( "#sortable1, #sortable2, #sortable3" ).sortable({
        connectWith: ".connectedSortable"
    }).disableSelection();


    //Some code
    $("#sortable3").sortable();
    //Some more code
    $("#addStuff").click(function(e) {
        e.preventDefault();
        var itemSelector = $("#myList li"),
            items = [],
            dataObj = {};
        $.each(itemSelector, function(i, v) {
            items.push($(v).val());
        });
        //I Am Sure There Is A Better Way Of Sending Checked Items Than A Ton Of IF Statements, However This Works..
        if(document.getElementById('bacon').checked) {
            items.push($("#bacon").val());
        }        
        if(document.getElementById('bananapeppers').checked) {
            items.push($("#bananapeppers").val());
        }          
        if(document.getElementById('blackolives').checked) {
            items.push($("#blackolives").val());
        }        
        if(document.getElementById('greenpeppers').checked) {
            items.push($("#greenpeppers").val());
        }         

        dataObj.stuff = items;
        $.ajax({
            url: '/echo/json/',
            data: {
                json: JSON.stringify(dataObj)
            },
            success: function(data) {
                $("#sortable3").empty();
                $.each(data.stuff, function(k, v) {
                    $("#sortable3").append("<li>" + v + "</li>");
                })
            },
            type: 'POST',
            datatype: 'json',
            cache: false
        });
    });
});

任何评论和帮助都会很有用，

再次感谢！

Answer 1

您是否尝试过添加 - contentType : '应用程序/json'

到你的 ajax 请求对象