jQuery UI可选择列表项内的用户内容

Question

我有ASP.NET MVC应用程序，其中包含带有jQuery Selectable列表的列表。我的问题是，如果我有内部的图像（或其他内容），选择项目不会很好。我希望整个内容可以选择，而不仅仅是图像。有人知道如何做到这一点吗？

为了得到这个想法，我附上了一个图片，你可以看到一些图片有一个图标，而其他图片已经被div推到右边。

<ol id="productUnits">
<% foreach (ParameterTabViewModel.Unit unit in Model.UnitsViewModel.ProductVersionUnits)
{ %>
    <li class="ui-widget-content"><%= unit.IsUsed ? "<img style=\"float: left; width: 16px; height: 16px; margin-right: 4px; \" src=\"/Content/Images/special.png\"/>" : "<div style=\"float: left; width: 20px; height: 16px;\"></div>"%> <%= unit.Name %><%= Html.Hidden("ProductVersionUnits", unit.Id) %></li>
<% } %>
</ol>

alt text http://www.tx3.fi/list.PNG

由于

Answer 1

解决方案

我必须添加像这样的过滤器$（“＃selectable”）。selectable（{filter：'li'}）;