Jquery ui ajax成功函数不使用jQuery UI元素呈现html
如何使用jquery将html从.ajax呈现加载到div中?success函数加载HTML,但这些元素不会显示为jqueryui元素,而是静态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
$(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();
}
});
});