如何安装Knockout-jQueryUI?

时间:2014-10-22 16:32:59

标签: knockout.js



<script>
var ViewModel = function () {
this.active = ko.observable(0);
this.selected = ko.computed({
	  read: function() { return this.active().toString(); },
	  write: function(newValue) { this.active(parseInt(newValue, 10)); },
	  owner: this
  });
};
</script>
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.1.0/knockout-min.js"></script>

<select data-bind="value: selected">
  <option value="0">Panel 1</option>
  <option value="1">Panel 2</option>
  <option value="2">Panel 3</option>
</select>
<div data-bind="accordion: { active: active }">
 <h3>Panel 1</h3>
 <div>Lorem ipsum dolor sit amet</div>
 <h3>Panel 2</h3>
 <div>consectetur adipiscing elit</div>
 <h3>Panel 3</h3>
 <div>Nunc tincidunt consectetur sagittis</div>
</div>
&#13;
&#13;
&#13;

我尝试了上面的代码。我很擅长淘汰赛。请帮帮我 我想添加accordion和dialogBox。

1 个答案:

答案 0 :(得分:0)

一个原因是你可能不是从http而不是https获取文件。只需使用:

//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js

浏览器将使用该页面的协议来尝试获取该文件。在非安全页面上,http。在安全页面上,https。 与Knockout UI相同。 因此,它将从http和https上下文中获取正确协议的脚本。

您可能还想查看jquery的版本是否与您正在使用的knockout ui版本兼容。我没有使用淘汰赛,但我知道这是各种用户界面的情况......