Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui ajax成功函数不使用jQuery UI元素呈现html_Jquery Ui_Jquery - Fatal编程技术网

Jquery ui ajax成功函数不使用jQuery UI元素呈现html

Jquery ui ajax成功函数不使用jQuery UI元素呈现html,jquery-ui,jquery,Jquery Ui,Jquery,如何使用jquery将html从.ajax呈现加载到div中?success函数加载HTML,但这些元素不会显示为jqueryui元素,而是静态HTML类型。有什么建议吗 $(function() { $('input[type=image]').click(function(){ $.ajax({ url: '_includes/callinfo.php', data: 'id=' + $(this).attr('value'), dat

如何使用jquery将html从.ajax呈现加载到div中?success函数加载HTML,但这些元素不会显示为jqueryui元素,而是静态HTML类型。有什么建议吗

$(function() {
$('input[type=image]').click(function(){
    $.ajax({
        url: '_includes/callinfo.php',
        data: 'id=' + $(this).attr('value'),
        dataType: "html",
        success: function(html){
            $('#callwindow').html(html); 
        }
    });
});
}))

服务器上的MIME类型可能未设置为
text/html
。jQuery检查mime类型以处理来自服务器的数据。我见过您手动设置
数据类型

分析反应
检查您的响应是否不是HTML编码的,以便
变成
gt分别为。如果它是正常的,那么将HTML视为字符串而不是实际的HTML元素。

这只是我的猜测,因为我没有看到您的完整代码:)

如果在代码中添加另一行,例如:

$(function() {
$('input[type=image]').click(function(){
    $.ajax({
        url: '_includes/callinfo.php',
        data: 'id=' + $(this).attr('value'),
        dataType: "html",
        success: function(html){
            $('#callwindow').html(html); 
        }
    return false;     //here is the line
    });
});

这额外的一行是为了防止html默认操作(当您单击输入时,类似这样)。可能会有帮助,因为我遇到过类似的情况,回调函数无法工作…

jQuery UI元素仅应用于原始DOM文档。您需要将这些UI转换应用于添加到DOM中的任何元素,即使在加载文档之后也是如此。假设我正在使用

$(函数(){
//使用可选类初始化所有元素上的可选插件
$('.selective').selective();
//每当单击此按钮时,它都会向主体添加一个新的div
//使用可选类
$('input[type=button]')。单击(函数(){
$(“正文”)
.append(“New Div”)//将新Div添加到DOM中
.children('.selective:last')//遍历主体的子对象并获取最后一个子对象(我们刚刚添加到DOM的子对象)
.selective();//在新添加的div上初始化插件
});
});

对于成功回调,您需要类似于
单击
处理程序中的代码。

我需要做的是首先将数据(html)引入指定的div,然后为html中的每个元素初始化插件。像这样:

$(function() {
$('input[type=image]').click(function(){
    $.ajax({
        url: '_includes/callinfo.php',
        data: 'id=' + $(this).attr('value'),
        dataType: "html",
        success: function(html){
            $('#callwindow').html(html);
                             // Initialize UI Items
            $("input:submit", ".callsubmit").button();
            $("#hotorcold").buttonset();
            $("#calldatep").datepicker();
            $("#callbackdatep").datepicker();   
        }

    });

});

}))

@tylerpenney:你所说的HTML类型是什么意思?你希望看到什么样的UI元素…?我正在使用新的buttons元素(对于一些单选按钮)和datepicker元素。所有这些都从ajax调用馈送到div中
$(function() {
$('input[type=image]').click(function(){
    $.ajax({
        url: '_includes/callinfo.php',
        data: 'id=' + $(this).attr('value'),
        dataType: "html",
        success: function(html){
            $('#callwindow').html(html);
                             // Initialize UI Items
            $("input:submit", ".callsubmit").button();
            $("#hotorcold").buttonset();
            $("#calldatep").datepicker();
            $("#callbackdatep").datepicker();   
        }

    });

});