Question

我想获得一个按下按钮后出现的弹出窗口。最重要的是，在弹出窗口中应该有（星号/单选按钮）进行评分，还有两个按钮可以进行其他链接。

Answer 1

如果您希望使用jQuery打开对话框或弹出窗口，则可以使用jQuery对话框。连同此代码，您必须包含jQuery和jQuery-UI文件。

这是实现jQuery对话框的代码。

在<Style>标签内为jQuery对话框添加以下CSS代码

 <style>
     .ui-widget-header,.ui-state-default, ui-button {
        background:#b9cd6d;
        border: 1px solid #b9cd6d;
        color: #FFFFFF;
        font-weight: bold;
     }
  </style>

在<body>标签内添加以下HTML标签

<div id = "dialog-1" 
    title = "Dialog Title goes here...">This my first jQuery UI Dialog!</div>
<button id = "opener">Open Dialog</button>

在<script>标签内添加以下脚本

  <script>
     $(function() {
        $( "#dialog-1" ).dialog({
           autoOpen: false,  
        });
        $( "#opener" ).click(function() {
           $( "#dialog-1" ).dialog( "open" );
        });
     });
  </script>

关于弹出窗口

1 个答案: