jQuery UI 대화 상자에서 동적 링크로드

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> 

UPDATE :http://jsfiddle.net/daxnp/

Answer 1

당신은 클래스하지 ID가 당신이 $('a#URLLoad')

$('a.URLLoad')으로 업데이트를 변경해야이

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

      }); 

같은 코드를 변경 사용하고 있습니다 :

난 당신의 바이올린은 여기

Demo 내가 문제가 당신이