jQuery dialog adding many css-classes on open then not removing them on close -
my jquery dialogues work fine except the following appended every time dialog opened.
js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths
they not removed when close. when open dialog again it'll re-add these classes. html element's class attribute become half page pretty quickly.
dialog setup:
$(dialogselector).dialog({ modal: true, title: "current schedule", width: 450, height: 500 });
full function:
function viewscheduledialog(dialogselector, href, id) { $.ajax({ url: href, type: "get", data: { selectedid: id }, success: function (data, textstatus, jqxhr) { $(dialogselector).html(data); $(dialogselector).dialog({ modal: true, title: "current schedule", width: 450, height: 500 }); } }); }
question:
is there reason adding these css-classes , not removing them?
i've tried:
making dialog above dialog setup on doc-ready, open/close when link clicked. html element still mass populated css-classes.
technologies:
- asp.net mvc 5
- jquery v1.10.2 & jquery-ui 1.10.4
- bootstrap v3.0.0 (jquery-ui being loaded after bootstrap)
make sure double check of proper .css
files included in code.
have tried use jquery
remove class? this:
$('#dialogselector').removeclass('open');
Comments
Post a Comment