来自Jquery的Html响应不使用javascript
我发现了很多类似于这个问题的帖子,但我认为我没有做错,因为我没有在ajax调用的响应中使用javascript 基本上,ajax返回放在div中的纯html。这个div在我的页面中,页面已经包含对css和javascript文件的引用 在其中一个javascript文件中,我尝试使用jQueryUI函数渲染ajax调用返回的按钮,使其看起来很漂亮,所以基本上我所做的就是来自Jquery的Html响应不使用javascript,javascript,jquery,asp.net,html,ajax,Javascript,Jquery,Asp.net,Html,Ajax,我发现了很多类似于这个问题的帖子,但我认为我没有做错,因为我没有在ajax调用的响应中使用javascript 基本上,ajax返回放在div中的纯html。这个div在我的页面中,页面已经包含对css和javascript文件的引用 在其中一个javascript文件中,我尝试使用jQueryUI函数渲染ajax调用返回的按钮,使其看起来很漂亮,所以基本上我所做的就是 $(".ButtonClass").button(); 这段代码位于document.ready函数中,ajax返回的htm
$(".ButtonClass").button();
这段代码位于document.ready函数中,ajax返回的html包含所有按钮的“ButtonClass”
.button()
适用于返回的ajax html之外的按钮,但不适用于ajax调用返回的元素
我认为它应该可以工作,因为css样式应用于结果,但我无法使用任何函数来处理结果,我重复一遍,我没有返回javascript代码。我在整个页面中引用的外部文件中有此代码。尝试调用
$(".ButtonClass").button();
在ajax回调中。尝试调用
$(".ButtonClass").button();
在ajax回调中。如果要为ajax请求返回的元素启用按钮,则应在收到响应时再次执行
.button()
在调用它时选择的元素上执行,这不包括在发出AJAX请求之前调用的AJAX元素
请注意,
$(“.ButtonClass”)
还将包括以前的.ButtonClass
元素,因此它们将被转换为按钮两次。您必须仅从AJAX响应中选择这些按钮。如果您希望为AJAX请求返回的元素启用按钮,则应在收到响应时再次执行该按钮
.button()
在调用它时选择的元素上执行,这不包括在发出AJAX请求之前调用的AJAX元素
请注意,
$(“.ButtonClass”)
还将包括以前的.ButtonClass
元素,因此它们将被转换为按钮两次。您必须只从AJAX响应中选择那些响应。我认为,当AJAX调用成功终止时,您需要应用decorator函数。
大致如下:
$('#myelement').load('script.php', function() {
// Now the page has some more button to decorate:
$(".ButtonClass .ugly").button().removeClass('ugly');
});
正如您可能看到的,我在新按钮中添加了一个“丑陋”类,这样就不会重新美化现有的漂亮按钮:)我认为,当ajax调用成功终止时,您需要应用decorator函数。 大致如下:
$('#myelement').load('script.php', function() {
// Now the page has some more button to decorate:
$(".ButtonClass .ugly").button().removeClass('ugly');
});
正如您可能看到的,我在新按钮中添加了一个“丑陋”类,这样就不会重新美化现有的漂亮按钮:)每次在应该是按钮的页面中引入新标记时,都必须调用.button()函数。您可以在.ready()上正确地执行此操作,但也应该在ajax调用的success函数上执行此操作。每次在页面中引入新标记时,都必须调用.button()函数,该标记应该是一个按钮。您可以在.ready()上正确地执行此操作,但也应该在ajax调用的success函数中执行此操作。在填充div之后,您必须初始化这些按钮
例如,如果您的div存储在名为
$container
的javascript变量中,则在将此内容添加到页面后运行代码$('.ButtonClass',$container).button()
。在填充div后,必须初始化这些按钮
例如,如果您的div存储在名为
$container
的javascript变量中,则在将此内容添加到页面后运行代码$('.ButtonClass',$container).button()
。在ajax回调中,执行此操作$(.ButtonClass”).button()再次执行代码>。在ajax回调中,执行以下操作:$(“.ButtonClass”).button()代码>再次。可能重复:可能重复: