[jQuery] problem selectable disposition
Hello,
I want to create a selectable list (with jQuery UI Selectable plugin).
But I want to dispose the selectable list in table format. I need to
represent list in a 3 columns and 2 rows. The code implemented is
this, but I have a problem on clicking in a selectable element. The
jquery don't detects the click on item i think because the "table"
sentence. But I need this disposition in the list :
<ol id="selectable">
<table>
<tr>
<td>
<li class="ui-widget-content">Item 1</li>
</td>
<td>
<li class="ui-widget-content">Item 2</li>
</td>
<td>
<li class="ui-widget-content">Item 3</li>
</td>
</tr>
<tr>
<td>
<li class="ui-widget-content">Item 4</li>
</td>
<td>
<li class="ui-widget-content">Item 5</li>
</td>
<td>
<li class="ui-widget-content">Item 6</li>
</td>
<td>
<li class="ui-widget-content">Item 7</li>
</td>
</tr>
</table>
</ol>