如何使用从Ajax中重新显示的值打开弹出窗口

Question

这是我的HTML代码

<a href="#openModal" id="myancor">Open Modal</a>
<div id="openthispopup" class="modalDialog">
   <div>
      <a href="#close" title="Close" class="close">X</a>
      <h2>Modal Box</h2>
      <p>This is a sample modal box that can be created using the powers of CSS3.</p>
      <p>You could do a lot of things here like have a pop-up ad that shows when your website loads, or create a login/register form for users.</p>
   </div>
</div>

点击按钮，我试图显示弹出窗口，我试试这种方式

$("#myancor").click(function() {
    $.ajax({
        url: 'form_url',
        type: 'form_method',
        data: 'form_data',
        cache: false,
        success: function(returnhtml) {
            $('#openthispopup').modal('show');
        }
    });
});

您能告诉我如何从Ajax成功通话中弹出

这是我的代码

https://github.com/callemall/material-ui/blob/master/src/auto-complete.jsx

Answer 1

$('#openthispopup').modal('show');

到

$('#openthispopup').css('opacity',1);

应该做的伎俩

修改

这应该做你想要的。

$(".close").click(function() {
    $('#openthispopup').css('opacity',0);
});
$("#myancor").click(function() {
    $.ajax({
        url: 'form_url',
        type: 'form_method',
        data: 'form_data',
        cache: false,
        success: function(returnhtml) {
            $('#openthispopup').css('opacity',1);
        }
    });
});

对于没有关闭按钮的对话框，请使用：

$("html")

而不是：

$(".close")