EDIT: Working sample code here.
I have two selection modes which I can choose from using radio buttons:
Consider the scenario below to describe my problem.
Picture 1: Things are good (I can click the green grid boxes, but not the blue)
Now things start going wrong
You can find the source code here. I included snippets below on gist. Please check these links out because I couldn't get the code to format on this question nicely
I think the issue is that my table uses the same element <td> for drawing both the green and blue table data box. That is,
< td class = "book success" data-id = @ index > @ index . ToString() </ td >
< td class = "book info" data-id = @ index > @ index . ToString() </ td >
Where 1 draws the green box and 2 draws the blue box. I tell JQuery Selectable to filter on the class name. That is, either success or info.
Has anyone encountered a problem like this? I tried refreshing selectable, but that didn't fix the issue. As far as I am concerned, setting new filter rules should make things fine, but that's not the case?