unbind a plugin (or something)
Hi.
I'm using this plugin: http://remiya.com/cms/projects/jquery-plugins/htmlbox/
It's a wysiwyg text editor plugin.
I load it onto a jquery ui dialog form after opening the form because that was the only way I could get it to work when the dialog opened.
The problem I have is that it get's duplicated each time the dialog form opens, so I think I need to unbind it or something... The plugin comes with a function to 'remove' it but I haven't figured out how to call it. This is the code for loading the dialog and the plugin so far. It seems like I would want to remove it when I close the dialog so it can be attached again next time I open... Any help is appreciated! I can copy the plugin code in if you need it.
- //dialog form for entering service items
$(function() {
var desc = $("#desc"),
amt = $("#amt");
$("#dialog-form").dialog({
autoOpen: false,
height: 400,
width: 550,
modal: true,
buttons: {
'Save': function() {
var s=$("#service option:selected").text();
$('#detailsSection').append('<ul class="detailsRow">' +
'<li class="col1">' + s + '</li>' +
'<li class="col2">' + desc.val() + '</li>' +
'<li class="col3">' + amt.val() + '</li>' +
'</ul>');
$(this).dialog('close');
},
Cancel: function() {
$(this).dialog('close');
}
},
open: function(event, ui) {
var htmb=$("#desc").htmlbox({
buttons:[
["bold","italic","underline"]
],
icons:"default",
skin:"green",
about:false
})
},
close: function(event){
htmb.remove();
}
});
$('#addService')
.click(function() {
$('#dialog-form').dialog('open');
});
});