Question

我正在尝试将RSS源中的链接打开到对话框中。我正在尝试从here获得的以下代码。该链接未打开对话框。我有什么错误的建议。感谢

 $(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/

Answer 1

你正在使用class not 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')

<强>更新

我已经更新了你的小提琴，看看Demo

我认为问题是你没有包含jquery UI和css的引用

在jQuery UI对话框中加载动态链接

1 个答案: