如何将jQuery UI效果添加到从普通HTML文件加载的按钮？

我正在以三种不同的方式动态更改网站上的内容：

0) Reading json files via jQuery's getJSON('bla.json');
1) Retrieving jsonized C#/Razor classes via jQuery's getJSON('bla.cshtml');
2) Loading the html from a file via $('#divName').load('bla.html');

它们都很好用，只是后者不能装饰我的钮扣

我想可能是因为HTML文件不了解jQuery和jQuery UI，所以我在页面顶部添加了以下行：

<link href="~/css/excite-bike/jquery-ui-1.10.3.custom.min.css" rel="stylesheet" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="~/Scripts/jquery-ui-1.10.3.custom.min.js"></script>

jQuery：

function getSpurs() {
    $('#BooksContent').load('Content/spurFirstPage.html');
    $('button').button();
    var $largest = 0;
    $(".wrapper").each(function () {
        if ($(this).height() > $largest) {
            $largest = $(this).height();
        }
    });
    $(".wrapper").css("height", $largest);
}

我可以从html文件中引用_SiteLayout.cshtml，或者如何将所需的jQuery主题合并到按钮中？

是一个ajax功能。基本上，当你使用

$('#BooksContent').load('Content/spurFirstPage.html');
$('button').button();

页面中的按钮尚未加载，因此不会发生任何事情

只需使用：

---

如果您还需要什么，请告诉我。

谢谢。我更新了我的网站，现在它看起来比我不知道的更漂亮。我意识到HTML中的所有ID都一文不值，并且已经去掉了它们。

function getSpurs() {
    $('#BooksContent').load('Content/spurFirstPage.html');
    $('button').button();
    var $largest = 0;
    $(".wrapper").each(function () {
        if ($(this).height() > $largest) {
            $largest = $(this).height();
        }
    });
    $(".wrapper").css("height", $largest);
}

$('#BooksContent').load('Content/spurFirstPage.html');
$('button').button();

$('#BooksContent').load('Content/spurFirstPage.html', function(){
     $('button').button();
});