使用jquery在标记html中关闭模式

我可以在标记html中使用jquery关闭模式吗？我使用的代码如下，但它不工作

<button class="circle btn btn-danger pull-right" onclick="$(this).dialog('close')">X</button>

X

更多我的代码：

<div class="modal fade" id="myModal7" role="dialog">
<div class="modal-dialog">

  <!-- Modal content-->
  <div class="modal-content">
    <button class="circle btn btn-danger pull-right" onclick="$('#myModal7').dialog('close'); ">X</button>
    <br>
        <form action="<?php echo site_url(); ?>/account_c/uploadPDF" method="post" enctype="multipart/form-data">
            <p style="padding-left: 30px; padding-right: 30px; padding-top: 30px;"><span>Certificate Name</span>                
            <input type="text" name="certificateName" class="form-control" placeholder="Certificate Name" required></p>
            <p style="padding-left: 30px; padding-right: 30px; padding-top: 30px;"><span>Upload File</span>
            <input type="file" name="pdffile" id="fileUpload" class="form-control" placeholder="Browse" required></p>
            <img src=# id="view" alt="your image" style="display:none; width:88px; height:88px; padding-left: 30px;">
            <p style="padding-left: 30px; padding-right: 30px; padding-top: 30px;"><input type="submit" name="upload" id="upload2" class="btn btn-info" style=" color:white; " value="Upload"></p>
        </form>
  </div>

</div>
</div>

X


您可以通过这种方式关闭对话框。使用对话框的id更改
对话框id

<button class="circle btn btn-danger pull-right" onclick="$('#dialogid').dialog('close')">X</button>

X
这是使用给定html代码的工作JSFIDLE
https://jsfiddle.net/jignesh221290/wbqswo7o/
试试看