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

このようにコードを変更するのではなく、クラスを使用しています

$(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')

アップデート：

私はあなたのフィドルを更新しましたここでデモを見てください

問題は、jqueryUIとcssの参照が含まれていないことだと思います

于 2012-10-16T04:46:40.570 に答える