获取数据：用于 jQuery 对话框的 net::ERR_INVALID_URL答案

【问题标题】：GET data: net::ERR_INVALID_URL for jQuery Dialog获取数据：用于 jQuery 对话框的 net::ERR_INVALID_URL
【发布时间】：2024-04-17 12:15:01
【问题描述】：

有问题的页面是http://www.virtualfestivals.com/index.cfm?refresh=1，当我使用 Google Chrome (F12) 时，在“控制台”下显示

GET data: net::ERR_INVALID_URL

我已将范围缩小到包含在外部 JS 文件中的以下内容

$(document).ready(function () {
    $('#editformdialog').dialog({ // THIS LINE IS THROWING THE ERROR RIGHT BEFORE .dialog
        buttons: {
            "Cancel": function () {
                $(this).dialog("close")
            },
            "Save": function () {
                selectAjaxSelects();
                submitEditForm();
                $(this).dialog("close")
            }
        },
        autoOpen: false,
        modal: true,
        width: 525,
        minWidth: 525
    });
    $().mousemove(function (e) {
        mouseY = e.pageY;
        mouseX = e.pageX
    })
});

有问题的 DIV 是

<div xmlns:udf="http://www.virtualfestivals.com/udf" xmlns="" id="editformdialog" style="display:none;"></div>

任何人都知道的事情吗？

【问题讨论】：

这个 div 是动态加载的，还是从一开始就存在？
是的，从一开始就存在
它可能看起来很初级，但请在对话框功能之前尝试 console.log($('#editformdialog'))。并查看它是否返回 length>0 个元素。
第二个可能的问题可能是 .. 你的 selectajax 函数（我认为）对这个外部链接使用了正常的 ajax 调用.. jquery 不允许这样做.. 阅读更多 *.com/questions/20442628/cors-jquery-ajax-request
它返回[object Object]，至于第二个可能，不知道你在哪里/什么意思抱歉

标签： jquery jquery-ui-dialog

【解决方案1】：

.ui-resizable-handle {     
position: absolute;     
font-size: .1px;     
z-index: 99999;     
display: block;     
background-image: url(data:); 
}

这是 CSS 文件中的问题 - 背景图像出于某种原因试图调用 data:

【讨论】：

【解决方案2】：

第一个可能的问题：
当您尝试使用$('#editformdialog') 时，不会将 div 加载到 dom。正如你提到的，它给出的长度为 1。那么这不是问题。

第二个可能的问题可能是..您的selectajaxselects function（我认为）使用normal ajax调用此外部链接.. jquery..
不允许这样做阅读更多CORS 但是在调用 save 之前，它不应该给出任何错误
尝试注释函数调用并再次执行

第三个可能的问题：
对话功能不存在。可能是 jqueryui 不工作或不包括在内。
尝试在一个简单的 div 上调用对话框函数。

【讨论】：

我尝试使用此处显示的示例jqueryui.com/dialog（默认），但它不起作用。有什么事情正在发生！会多挖一点
好的，那么我确定，您的 jqueryui 不包含在呈现的输出中。请查看页面源码，点击jqueryui包含链接，查看是否指向jqueryui源码。
尝试从codeofaninja.com/2013/10/jquery-ui-dialog-example.html 复制粘贴代码并检查它的工作原理，然后比较和修改您的导入/代码。
CSS 似乎是个问题！ .ui-resizable-handle { position: absolute; font-size: .1px; z-index: 99999; display: block; background-image: url(data:); } - data 位
很高兴，您发现了问题。真的很奇怪。 :)