Question

我有一个使用jQuery UI Button的html页面，其中包含一些jQuery脚本：

<script type="text/javascript">
 $('button).button(); // sets up the jQuery UI button style
 $('#btnClose').live('click',function () {
   $.get('content.html', function (data) {
     $('#EditCategory').html(data);
   });
 });
</script>

<html>
  <button type="button" id="btnClose'">Close</button>
  <div id="EditCategory" class="category"></div>
</html>

在content.html页面上我有：

<button type="button" id="btnNewCategory">Add new category</button>

当我点击'#btnClose'时，会返回content.html，但会显示按钮 jquery ui css样式丢失了。这是因为css样式是在之前应用的 DOM重建？如果是这样，有什么我可以做的就像使用.live（）来确保 CSS被应用了吗？

感谢您的帮助！

Answer 1

插入后，您需要将按钮样式应用于该内容：

$('#btnClose').live('click', function() {
  $.get('content.html', function(data) {
    $('#EditCategory').html(data);

    $('#EditCategory button').button();
  }
});

不幸的是，没有.live（）模拟应用插件。它使用的技术仅用于捕获和处理事件。

使用$ .get（）和.html（）调用jQuery UI Button失去CSS样式

1 个答案: