输入值不更新

input value won't update

本文关键字:更新 输入      更新时间:2023-09-26

好的,我一直在努力让这个脚本工作,但我就是不知道出了什么问题。我试图让tinyMCE使用jquery对话框从2个字段输入,并以特定格式输出。下面是我的tinyMCE插件代码:

(function() {
tinymce.create('tinymce.plugins.RMFtooltip', {
    init : function(ed, url) {
        ed.addButton('RMFtooltip', {
            title : 'ToolTip',
            image : url+'/RMFtooltipbutton.png',
            onclick : function() {
                i = jQuery('<div title="Create your tooltip" ></div>');
               /*jQuery.get(url+'/ajax/form.html', function(data) {
                  i.html(data);
                });*/
                i.load(url+'/ajax/form.html');
                i.dialog({
                    autoOpen: true,
                    draggable: false,
                    resizable: false,
                    modal: true,
                    buttons: {
                        "OK": function() {
                            RMFtooltip_text = jQuery("#RMFtooltip_text").val();
                            RMFtooltip_tip = jQuery("#RMFtooltip_tip").val();
                            if (RMFtooltip_text != null && RMFtooltip_text != '' && RMFtooltip_tip != null && RMFtooltip_tip != ''){
                                ed.execCommand('mceInsertContent', false, '[tooltip tip="'+RMFtooltip_tip+'"]'+RMFtooltip_text+'[/tooltip]');
                            }
                            jQuery( this ).dialog( "close" );
                        },
                        Cancel: function() {
                            jQuery( this ).dialog( "destroy" );
                        }
                    }
                });
...

现在,我第一次单击tinyMCE中的按钮一切正常,但如果我再次单击它,无论输入是什么,我都会得到相同的输出。例如:我在文本中输入foo,在提示栏中输入bar,然后单击确定,一切工作正常(我得到"[tooltip tip="bar"]foo[/tooltip]"),然后我再次使用它,这次我在文本中输入blah,在提示栏中输入蓝色,但我仍然得到相同的输出("[tooltip tip="bar"]foo[/tooltip]")。它似乎没有重新读取输入…请帮助


PS:我使用ajax来获取表单(因为这是一个js文件),我可以在这里附加它,但它似乎对我来说并不重要....

每次关闭对话框时都需要清空它,因为每次调用单击函数时,jQuery都会在后台创建新的html。您将永远不会再看到这个html,但它在那里,并且正在使用表单元素的id扰乱您的调用。

要解决这个问题,只需在每次调用

后清空对话框
//...
buttons: {
        "OK": function() {
            RMFtooltip_text = jQuery("#RMFtooltip_text").val();
            RMFtooltip_tip = jQuery("#RMFtooltip_tip").val();
            if (RMFtooltip_text != null && RMFtooltip_text != '' && RMFtooltip_tip != null && RMFtooltip_tip != ''){
                ed.execCommand('mceInsertContent', false, '[tooltip tip="'+RMFtooltip_tip+'"]'+RMFtooltip_text+'[/tooltip]');
            }
            jQuery( this ).dialog( "close" );
            jQuery(this).empty(); //Add this
        },
            Cancel: function() {
                jQuery( this ).dialog( "destroy" );
                jQuery(this).empty(); //Add this
            }
    }
//...