淘汰赛，jQuery Mobile的列表视图 - 获取ID上点击

我有这样一个列表视图以下内容：淘汰赛，jQuery Mobile的列表视图 - 获取ID上点击

   <ul data-inset="true" data-filter="true" data-bind="foreach: growers" data-role="listview" id="ulGrowerList"> 
      <li><a data-bind="click: $parent.setSelectedClassToGrowerList, attr: {id: growerId}"><span data-bind="text: growerName, attr: {id: growerId}, click: $parent.setSelectedClassToGrowerList" /></a></li> 
     </ul>

我setSelectedClassToGrowerList看起来是这样的：

self.setSelectedClassToGrowerList = function (item, event) { 

    $(ulGrowerList).closest('ul').find('a').removeClass('highlight'); 
    $(ulGrowerList).closest('ul').find('.selected').remove(); 

    $(event.target).toggleClass("highlight"); 
    if ($(event.target).hasClass("highlight")) { 
     $(event.target).append("<span class='selected'>Selected</span>"); 
     //console.log(event.target.id); 
     replaceByValue('GrowerID', event.target.id); 
     postjson(); 

     //update GrowerInfo 
     $.getJSON("Grower/GetGrower", function (allData) { 
     self.GrowerName(allData.Name); 
     self.GrowerCompany(allData.CompanyName); 
     self.GrowerAddress(allData.Address); 
     self.ShowGrowerCompany(allData.ShowCompany); 
     self.GrowerID(allData.ID); 
     }); 

    } else { 
     $(event.target).find(".selected").remove(); 
    }

正如你看到的，我结合setSelectedClassToGrowerList到两者和标签，因为点击文本（跨度）没有采取所需的操作。现在，问题是，当我单击文本本身时，“选定”文本不会显示。我正在查找的功能与此类似： http://jsfiddle.net/czqXm/1/除了能够选择多个已在工作的项目。

我使用knockout和jquery mobile越多，我越倾向于认为它们不是最好的组合（叹息！）。

来源

2012-09-26 WhatsInAName

但是，究竟是什么，是所遇问题？ –

问题是，当我单击文本时，“选定”文本未显示。 – WhatsInAName

好的。我认为这是一个重复处理程序问题。

发生了什么事是，当你单击该文本，因为它在SPAN一个单独的单击处理程序，内的点击处理程序，然后在事实上两个click事件正在注册...... 第一个使“选定”出现，第二个使其再次消失。

我想你也许可以简化您结合这个

<li><a data-bind="click: $parent.setSelectedClassToGrowerList, 
        attr: {id: growerId}, 
        text: growerName"></a></li>

...但是看看this fiddle

来源

2012-09-28 13:29:10

谢谢，不知道那个文本可以绑定到的标签！接受为答案。 – WhatsInAName

淘汰赛，jQuery Mobile的列表视图 - 获取ID上点击

回答

相关问题