javascript - 如何切换 jQuery 中的就地编辑功能?

标签 javascript jquery edit-in-place

我一直在研究 jQuery In Place Editor而且我不知道如何正确禁用它。以下是我目前的代码。

我正在使用 jQuery toggle 方法来初始化和终止链接列表上的插件功能。下面的代码中有一些额外的位可能与我的问题无关,但我将它们留在那里以防万一。

问题是下面的代码在前 2 次点击时按我预期的方式工作(即第一次点击 - 启用 editInPlace 插件,第二次点击 - 禁用它)但它不会在第 3 次重新启用就地编辑功能点击

有什么想法吗?

(shoppingList.editButton).toggle(function() {
            (shoppingList.editButton).attr('value', 'Finish editing');
            (shoppingList.$ingrLinks).unbind('click', shoppingList.ingredients) // disable some functionality on links
                                     .addClass('inplace-editor') // add class to links I want to be editable
                                     .removeAttr('href') // make links unclickable
                                     .editInPlace({ // editInPlace plugin initialized
                                         url: 'http://localhost:8000/edit-ingredient/',
                                         show_buttons: true
                                     });

        }, function() {
            (shoppingList.editButton).attr('value', 'Edit items');
            (shoppingList.$ingrLinks).bind('click', shoppingList.ingredients) // bring back the functionality previously removed
                                     .removeClass('inplace-editor') // remove the class from links that were editable
                                     .attr('href', '#') // make the links clickable again
                                     .unbind('.editInPlace') // remove editInPlace plugin functionality
                                     ;
        });

最佳答案

传递给 toggle 的第一个函数在每次用户点击时执行。

关于javascript - 如何切换 jQuery 中的就地编辑功能?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13368958/

相关文章:

javascript - 动态:CSS 与 JavaScript

javascript - 使用函数生成dom选择器

javascript - div、文本区域、文本和光标检测

jquery - 简单的 CouchDB + jQuery 移动应用程序可以在桌面浏览器中正常加载列表,只是不能在移动设备上加载

javascript - 使用 jquery 隐藏和显示错误

javascript - 是否可以通过函数更改类的样式属性?

javascript - 就地编辑 jquery

javascript - 从其他组件初始化另一个 react 组件

javascript - 如何使用 JavaScript Lib 将字符串(WYSIWYG)转换为原始 html?

javascript - 多个 TinyMCE 编辑器,但只有一个工具栏?