jquery - 带有 data-ajax-url 的 jqmodal 不起作用

Question

我正在尝试在http://communitychessclub.com/test-me.php实现 jquery jqmodal，并基于http://dev.iceburg.net/jquery/jqModal/ 2. AJAX的示例，但它似乎不起作用，单击时没有任何反应。另外，我认为#dialog 不会起作用，因为我要弹出的游戏不止一款。有任何想法吗？

 <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

虽然没有错误，但不建议$().ready(handler)使用快捷方式，但看起来您也有一些语法错误：

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

应该这样写：

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

你有一个额外的});之后li.showDialog应该被删除