cant open html page в диалоговом окне

Question

Я создал html-страницу, и я хочу открыть html-страницу в диалоговом окне onclick.

Html:

<div id="oncloseTemp"> 
    --- 
    --- 
    </div> 


    <li class="closebutton"><a href="#" class="bt btright" >close</a></li> 

Если я нажимаю близко, то я хочу, чтобы получить DIV oncloseTemp в диалоговом окне. Я попытался, но я получаю html-страницу на той же странице ниже моей веб-страницы.

$('.closebutton').live('click', function(event){ 
    $("#oncloseTemp").dialog('open'); 
    return false; 
    }); 

Может ли кто-нибудь помочь мне с этим.

Answer 1

Чтобы показать div как всплывающее окно, лучше использовать диалог jQuery.

Используйте приведенный ниже сценарий, чтобы открыть div как всплывающее окно, используя jQuery с указанной HTML-надписью. Пожалуйста, не забудьте загрузить jQuery & файлы сценария JQuery UI. Пожалуйста, просмотрите приведенный ниже URL-адрес для демонстрации и более подробной информации.

http://jqueryui.com/dialog/

<script> 
    $(function() { 
     $("#oncloseTemp").dialog({  
     autoOpen: false,  
     height: 300, 
     width: 350, 
     modal: true 
     }); 
     $('.closebutton').live('click', function(event){ 
     $("#oncloseTemp").dialog('open'); 
     }); 
    }); 
    </script> 

    <div id="oncloseTemp"> 
    --- 
    --- 
    </div> 

    <li class="closebutton"><a href="#" class="bt btright" >close</a></li>