如何使用Knockout禁用单击事件

How to disable click event using Knockout?

本文关键字：单击 事件 何使用 Knockout      更新时间：2023-09-26

我有两个按钮，一个叫做

<a href='#' data-bind='click: clickActivateSpatialSearch' id='draw_polygon'>
<a href='#' data-bind='click: clickActivateSpatialSearchBox' id='draw_box'>

这里最好的是什么?我可以在$(document).ready上使用jQuery吗?问题是数据绑定点击禁用其他点击事件时被按下，同样。但是当我按下同一个按钮时，它又启用了第二个按钮。

我想说的是，我每次只启用一个按钮。这能和淘汰赛捆绑在一起吗?如果是，请告诉我怎么做。PS:我在淘汰赛网站上看到了启用，但我没有得到它。我该如何让它充分发挥作用?

knockoutjs的enable功能将工作当我们有这样的代码

最初两个链接都是活动的。如果您单击任何一个链接，它将禁用另一个链接。如果您再次单击该链接，它将启用另一个链接。

这不是你想要的答案。这就是如何使用knockout

的答案

如果你想只启用一个按钮，那么必须有一些条件，将这些条件与这个enable绑定应用，这就解决了所有问题。

Html

: - 

<input type="text" data-bind="enable: linkTwo() != 'clicked',click: clickActivateSpatialSearch" id='draw_polygon'/>
<input type="text" data-bind="enable: linkOne() != 'clicked',click: clickActivateSpatialSearchBox" id='draw_box'/>

脚本:

var self = this;
self.linkOne = ko.observable();
self.linkTwo = ko.observable();
self.clickActivateSpatialSearch = function(){ 
  if(self.linkOne() != 'clicked'){
      self.linkOne('clicked'); 
  } 
  else{
    self.linkOne('notClicked');
  }
// some code here
};
self.clickActivateSpatialSearchBox= function(){
  if(self.linkTwo() != 'clicked'){
      self.linkTwo('clicked'); 
  } 
  else{
    self.linkTwo('notClicked');
  }
// some code here
};

注意:启用和禁用绑定对锚标记不起作用。

你可以添加一个可观察对象来保存被按下的按钮，然后将click更改为检查可观察对象的函数:

<a href='#' data-bind='click: function() { 
    if(buttonClickedObservable() == 'polygon')
    {
        clickActivateSpatialSearch();
    }' id='draw_polygon'>
<a href='#' data-bind='click: function() { 
    if(buttonClickedObservable() == 'box')
    {
        clickActivateSpatialSearchBox'();
    }' id='draw_box'>

你必须决定如何设置可观察对象

相关文章：