Question

在PHP文件内部register.php我有以下警告文本：

echo '<div id="id01" class="box">' . '<div class="example">' . '<span class="close">&times;</span>' .'<h3>Thank you for registering! A confirmation email has been sent to your address. Please click on the link in that email in order to activate your account.</h3>'.'</div>'.'</div>';

我也有以下CSS代码：

<style>
    .box {       
    position: fixed; 
    z-index: 1; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0);
    padding-top: 60px;
}        
    .example {
    background-color: yellow;
    margin: 5% auto 15% auto; 
    border: 1px solid #888;
    width: 60%; 
    padding: 50px;
}

并且警报文本到目前为止工作正常。

当我尝试使用以下代码关闭de box时的问题：

<script>
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
    modal.style.display = "none";
}
</script>

不起作用！单击（x）时没有关闭文本框，如何在PHP文件中运行此代码？

注意：这是基于这个w3shools模式代码： https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_modal

Answer 1

您应该尝试此代码。

PHP：

echo '<div id="id01" class="box" onclick= "closeBox()"> ....</div>';

JS：

function closeBox(){
           document.getElementById(“id01”).style.display=“none”;
}

Answer 2

您应该而不是从外面删除它。做内联

echo '<div id="id01" class="box" onclick="$(this).remove();">' . '<div class="example">' . '<span class="close">&times;</span>'

或

echo '<div id="id01" class="box">' . '<div class="example">' . '<span class="close" onclick="$("#id01").remove();">&times;</span>'

当用户单击<span>（x）时，关闭PHP中的模式

2 个答案: