5
पर बाध्यकारी क्लिक करता है मेरे पास एक मेनू है कि प्रत्येक आइटम अपने स्वयं के सबमेनू को टॉगल करता है, यहां नमूना कोड है। के रूप में आप सबमेनू आइटम देख सकते हैं एक टैग है कि बाहर लिंक Google.co.nz कोKnockout.js: बच्चे एक टैग काम नहीं कर रहा है जब मूल ली तत्व
<ul id="menuHolder">
<li data-bind="click: showMenu.bind($data, 1)">
Main menu item
<ul class="submenu" data-bind="visible: selected() == '1'">
<li>
<a class="sub-item" href="http://google.co.nz">
Submenu item
</a>
</li>
</ul>
</li>
</ul>
<script type="text/javascript">
var menuModel = function() {
var self = this;
self.selected = ko.observable(0);
self.showMenu = function (data) {
var s = self.selected();
if (s > 0 && data == s)
self.selected(0);
else
self.selected(data);
};
}
ko.applyBindings(new menuModel(), document.getElementById("menuHolder"));
</script>
सब कुछ एक टैग नहीं रह गया काम करता है, यहाँ क्या गलत है काम करता है केवल?