Indicating disabled items on a list view
Is there a simple way to indicate in jquery that a specific item in a list view should be disabled. By "disabled" I mean that the item must show up as greyed-out and it must not show the pointer cursor; instead it should show the default cursor for an item that cannot be clicked. Lastly, the disabled item should not have an action associated with it when a click occurs, so the anchor tag enclosed in the
<li> element must not be followed when a click occurs.
I am needing to disable and enable items programmatically and I want it to be clear to the user which items are currently disabled.
As an aside, I originally tried to hide and show the items using the display style property. And although this approach worked, the problem with it is that when the list view is an inset list (as mine are), the first and last row have different styling to give the rounded effect of the inset list. Then, if either the first or the last row gets hidden, the rounded effect at the top or the bottom is lost and the list does not look right. For this reason I would prefer to have the list items that can't be clicked show up as disabled.
Anyone know if there is a way of indicating disabled items in the html; for example, but specifying an attribute on the <li> tag? Or would I have to programmatically change the style and remove the anchor tag to accomplish this?