Opening External URL in JQuery UI Dialog on Wordpress page

Question

I have a custom template page I'm building for a wordpress site (using a modified Twenty Eleven theme). In the page there are links that are created programmaticly. There will be several links such as this:

<a href="http://www.site.com.com/info.php?id=123" class="uimodal">More Information</a>

I would like any URL with the class of uimodal to come up in a jQuery UI modal window (dialog) but I'm having problems getting it to do so.

I've successfully loaded jQuery UI. I have tried several code snippets online, not getting any errors via Firebug, it just doesn't load modal (just replaces the current page).

Any help is appreciated!

Thanks.

Ayman Safadi · Accepted Answer · 2012-01-01 23:08:11Z

1

Try something like this: http://jsfiddle.net/hSRdr/

$(function() { // same as $(document.ready(function() {
    $('a.uimodal').on('click', function() {
        var href = $(this).attr('href');

        $('<div>').append('<iframe src="' + href + '"></iframe>').dialog();
        return false;
    });
});

edited Jan 1, 2012 at 23:08

answered Jan 1, 2012 at 22:13

Ayman Safadi

11.6k1 gold badge30 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Chris Cummings Over a year ago

This must be a WP problem, because your fiddle is obviously working but it wont work when I take it into WP

Ayman Safadi Over a year ago

Is it wrapped inside $(document).ready()? I've updated my answer to include that.

Chris Cummings Over a year ago

Yes but I think its a wordpress problem. I know with wordpress you can't use $(document) you must use jQuery(document) so I think its just something there. I know your answer works so I've marked it as such. Thanks!

Collectives™ on Stack Overflow

Opening External URL in JQuery UI Dialog on Wordpress page

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related