0

我正在尝试将 RSS 提要中的链接打开到对话框中。我正在尝试从这里获得的以下代码。该链接未打开对话框。任何建议我做错了什么。谢谢

 $(document).ready(function() {
              $('a#URLLoad').live('click', function(e) {
                  e.preventDefault();
                  var page = $(this).attr("href")
                  var pagetitle = $(this).attr("title")
                  var $dialog = $('<div></div>')
                    .html('<iframe style="border: 0px; " src="' + page + '" width="100%" height="100%"></iframe>')
                    .dialog({
                        autoOpen: false,
                        modal: true,
                        height: 625,
                        width: 500,
                        title: pagetitle
                    });
                  $dialog.dialog('open');
              });

          });

    <li class="ui-state-default">
<a class="URLLoad" href="http://feeds.arstechnica.com/~r/arstechnica/index/~3/4UlQiQB2n54/">New Xbox interface brings Windows 8 "Metro" style to the console</a></li>

更新：http: //jsfiddle.net/daxnp/

4

1 回答 1

1

你正在使用类而不是 id 像这样更改你的代码

$(document).ready(function() {
              $('a.URLLoad').live('click', function(e) {
                  e.preventDefault();
                  var page = $(this).attr("href")
                  var pagetitle = $(this).attr("title")
                  var $dialog = $('<div></div>')
                    .html('<iframe style="border: 0px; " src="' + page + '" width="100%" height="100%"></iframe>')
                    .dialog({
                        autoOpen: false,
                        modal: true,
                        height: 625,
                        width: 500,
                        title: pagetitle
                    });
                  $dialog.dialog('open');
              });

          });

你需要$('a#URLLoad')改为$('a.URLLoad')

更新：

我已经更新了你的小提琴看看这里演示

我认为问题是您没有包含 jquery UI 和 css 的参考

于 2012-10-16T04:46:40.570 回答