在将viewmodel与jquery ui相结合时,无法将此jquery-ui.js函数用于HotTower SPA中的GUI

在将viewmodel与jquery ui相结合时,无法将此jquery-ui.js函数用于HotTower SPA中的GUI,jquery-ui,hottowel,Jquery Ui,Hottowel,以下代码在浏览器中运行良好。这提供了一些上下滑动的用户界面 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Accordion - Collapse content</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4

以下代码在浏览器中运行良好。这提供了一些上下滑动的用户界面

  <!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Accordion - Collapse content</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
    $( "#accordion" ).accordion({
      collapsible: true
    });
  });
  </script>
</head>
<body>

<div id="accordion">
  <h3>Section 1</h3>
  <div>
    <p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
  </div>
  <h3>Section 2</h3>
  <div>
    <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
  </div>
  <h3>Section 3</h3>
  <div>
    <p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
    <ul>
      <li>List item one</li>
      <li>List item two</li>
      <li>List item three</li>
    </ul>
  </div>
  <h3>Section 4</h3>
  <div>
    <p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
  </div>
</div>


</body>
</html>

jQuery UI手风琴-折叠内容
$(函数(){
$(“手风琴”)。手风琴({
可折叠:正确
});
});
第一节
莫里斯·莫里斯·安特、布兰迪·埃特、奥特莱斯a、苏西比特·埃特、夸姆。整数ut neque。胎膜早破,胎膜早破,妊娠期,调味品,无核细胞。南阿尼布。Donec suscipit Peros。南美。维韦拉·利奥·奥迪奥。马勒苏阿达库拉比图尔酒店。前庭是一个圆滑的节杖

第二节 塞德·努尔纳。别着急。叶舌。前庭位于阿梅特普鲁斯。亨德雷特万岁,阿利奎特·拉奥里特的多洛,毛里斯·图尔皮斯·波特提托·维利特,自由女神福西布斯。不夸姆万岁。在suscipit faucibus urna

第三节 Nam enim risus,molestie et,porta ac,aliquam ac,risus。奎斯克·洛博蒂斯。马萨的Phasellus Pellentsque purus。埃尼安在佩德。Phasellus ac libero ac tellus pellentesque semper。塞德·ac·费利斯。塞德·康莫多、马格纳·奎斯·拉西尼亚·奥纳雷、尼西广场、威尼斯人酒后驾车

  • 第一项
  • 清单项目二
  • 清单项目三
第四节 粗俗的格言。佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。虎口浮雕和肘部浮雕同侧前庭;埃尼安·拉西尼亚·莫里斯·维勒东部

Suspendisse eu nisl。自由女神。整型贵宾会议。根据康努比亚·诺斯特拉(conubia nostra)和希梅纳奥斯(inceptos himenaeos)的规定,社会责任和责任等级为:

但是当我厌倦在HotTower SPA中使用此代码时,有人能告诉我如何在HotTower SPA模板中使用此函数吗。这里我尝试将jquery-ui.js和viewmodel结合起来

包括这些脚本

 <script src="~/Scripts/koui.js"></script> 
    <script src="~/Scripts/jquery-ui-1.11.4.js"></script>

在敲除绑定中使用jqueryUi函数

过滤器 价值

        </ul>
    </section>
    <div id="filter">
        <div class="mytbody">
            <section>
                <ul class="mytr" style="width: 100%;">
                    <li class=" mytd">IsActive</li>
                    <li class="mytd">
                        <select class="filters" data-bind="options: ['True', 'False'], value: searchName"></select></li>
                    <li class="mytd">
                        <button class="btn btn-info" data-bind="click: $root.search">Go</button></li>
                </ul>
                <!--Enter for accordion slide down-->
                <ul class="mytr" style="width: 100%;">
                    <li class=" mytd">Jobs Created before</li>
                    <li class="mytd">
                        <input class="filters" readonly="true" data-bind="value: dateTextBfr, jqueryui: { widget: 'datepicker', options: { showPeriod: true } }" type="datetime" /></li>
                    <li class="mytd">
                        <button class="btn btn-info" data-bind="click: searchDateBfr">Go</button></li>
                </ul>
                <!--Enter for accordion slide down-->
                <ul class=" mytr" style="width: 100%;">
                    <li class=" mytd">Jobs Created after</li>
                    <li class="mytd">
                        <input class="filters" readonly="true" data-bind="value: dateTextAfr, jqueryui: { widget: 'datepicker', options: { showPeriod: true } }" type="datetime" /></li>
                    <li class="mytd">
                        <button class="btn btn-info" data-bind="click: searchDateAftr">Go</button></li>
                </ul>
                <!--Enter for accordion slide down-->
            </section>


        </div>

    </div>
</div>

  • i活动
    以前创造的工作岗位
    之后创造的就业机会