Thanks Eric, that did the trick. I'm a bit embarrassed since this was
well documented on your site and I somehow missed it.
Thanks for a great plugin!
- Martin
On Jan 13, 9:48 pm, Eric Martin <emarti...@gmail.com> wrote:
> Martin,
>
> Try using the persist:true option:
> $("#content").modal({persist:true});
>
> Let me know if that does not fix your issue.
>
> -Eric
>
> On Jan 13, 11:10 am, "mh.karls...@gmail.com" <mh.karls...@gmail.com>
> wrote:
>
> > I'm using AJAX to load content into a DIV and display it as a simple
> > modal (using the SimpleModal plugin). In order to limit the requests
> > to the server I would like to only load the content once, but that's
> > when I run into trouble. Let me show you the code and then I will
> > explain what happens.
>
> > HTML:
> > <div id="sidebar">
> > <a id="settings" href="#" class="settings">Settings</a>
> > <a id="options" href="#" class="test">Test</a>
> > </div>
> > <div id="content">Default Text</div>
>
> > JAVASCRIPT:
> > var isLoaded = false;
>
> > $(document).ready(function () {
> > // click event handler for 'settings'
> > $('#sidebar a.settings').click(function (e) {
> > if (!isLoaded) {
> > $("#content").load("settings.htm");
> > isLoaded = true;
> > }
> > $("#content").modal();
> > }
> > // click event handler for 'test'
> > $('#sidebar a.test').click(function (e) {
> > $("#content").modal();
> > }
>
> > }
>
> > function hideModal(){
> > $.modal.close();
>
> > }
>
> > The first time I click on the link 'Settings' the content from
> > 'settings.htm' is correctly displayed as a simple modal. But each time
> > I click on the link after that it will display the DIV's initial text
> > ("Default Text"). However, if I remove the following line;
>
> > $("#content").modal();
>
> > from the event handler for the link 'settings' and then use the 'test'
> > link instead it displays correctly each time. I can't find the reason
> > why this wouldn't work in the event handler for 'settings'? By viewing
> > the rendered HTML I can confirm that content of the 'settings.htm' is
> > correctly injected to the content div after the initial click. But I
> > can't figure out what happens after that and how the default text make
> > it back in there. I'm pretty new to jQuery so if anyone can shed some
> > light on this issue I would really appreciate it.
>
> > Thanks, Martin
