Response title
This is preview!
UI button formating lost when brought in through AJAX
Answered
- Need more info
- Working on it
- Answered
in Using jQuery UI
•
8 years ago
I'm using the UI Buttons on a website where I use AJAX to reload certain div's on the page depending on user inputs. Specifically, I use an xmlhttp.open statement to run a php file which echos the new div content to the screen. The problem I'm having is that any <button> elements I echo are losing their theme and appear as browser default buttons. Here's the portion of the echo statement that looses formatting:
<a class=\"stallionbuttons\" href=\"#\"><button>Request a Season</button></a>
Is there something I have to include to re-initialize the UI button when the AJAX runs? What I have now is only in the <head>:
<script type="text/javascript">
$(document).ready(function() {
$("input:submit, button").button();
});
</script>
Please help, I have been held up on this section of the site for 2 weeks waiting for some help.
Thanks in advance for any assistance,
Dave
<a class=\"stallionbuttons\" href=\"#\"><button>Request a Season</button></a>
Is there something I have to include to re-initialize the UI button when the AJAX runs? What I have now is only in the <head>:
<script type="text/javascript">
$(document).ready(function() {
$("input:submit, button").button();
});
</script>
Please help, I have been held up on this section of the site for 2 weeks waiting for some help.
Thanks in advance for any assistance,
Dave
1
