Well, I still can't figure out what the problem is. The issue seems to
be an incompatibility between jEditable and UI tabs. Here is an
example:

http://www.rymix.co.uk/jquery/d15/inline.html

The standard unordered list at the top and the table beneath use the
same jQuery/jEditable code, but only the standard list works. BTW,
only the third items in each list are editable.

Here's the code:

$(".tabEdit").editable("ok.php", {
        event: "dblclick",
        indicator: "Saving...",
        tooltip: "Double-click to edit",
        callback : function(value, settings) {
                alert('success!');
        }
});
$('#tabs > ul').tabs();

<ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li class="tabEdit">Editable item</li>
</ul>
<div id="tabs" class="flora">
        <ul>
                <li><a href="#tab1"><span>Tab 1</span></a></li>
                <li><a href="#tab2"><span>Tab 2</span></a></li>
                <li><a href="#tab3"><span class="tabEdit">Editable tab 
3</span></a></
li>
        </ul>
</div>
<div id="tab1">Tab 1</div>
<div id="tab2">Tab 2</div>
<div id="tab3">Tab 3</div>

Reply via email to