0

HTML ページを作成しましたが、その HTML ページを onclick ダイアログで開きたいと考えています。

HTML:

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


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

閉じるをクリックすると、ダイアログで oncloseTemp div を取得したいと考えています。試してみましたが、Web ページの下の同じページに HTML ページが表示されます。

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

誰でもこれで私を助けることができます。

4

1 に答える 1

0

div をポップアップとして表示するには、jQuery ダイアログを使用することをお勧めします。

以下のスクリプトを使用して、特定の HTML マークアップで jQuery を使用して div をポップアップとして開きます。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>
于 2013-09-04T13:01:55.007 に答える