Question

I am trying to implement jquery jqmodal at http://communitychessclub.com/test-me.php and am basing my effort on the example at http://dev.iceburg.net/jquery/jqModal/ 2. AJAX, but it doesn’t seem to work, nothing happens on click. Also, I don’t think #dialog will work because I have more than one game to popup. Any ideas?

 <li class="showDialog" id="dialog" data-ajax-url="games/game1256.php">
 <img src="http://d1uzlzehxkwcgj.cloudfront.net/game1256-8.png"></li>

 <script src="js/jqModal-min.js"></script>

 <script>
     $().ready(function(){
         $('#dialog').jqm({
             ajax: '@data-ajax-url', 
             modal: true, 
             trigger: 'li.showDialog'});
         });
     });   
 </script>

Answer 1

Although not incorrect, the $().ready(handler) shortcut is not recommended, but it looks like you have a few syntax errors as well:

$('#dialog').jqm({
    ajax: '@data-ajax-url', 
    modal: true, 
    trigger: 'li.showDialog'});
});

should be written like this:

$('#dialog').jqm({
    ajax: '@data-ajax-url', 
    modal: true, 
    trigger: 'li.showDialog'
});

You have an extra }); after li.showDialog that should be removed