JavaScript "close button"不工作

Question

今天我尝试用javaScript制作最简单的关闭按钮。不幸的是它不起作用。它是这样的:

<div id="popup_bg">
<div id="popup_window">
<span id="popup_close">
</span>
</div>
</div>

js代码是:

<script type=”text/javascript”>
        $("#popup_close").click(function() {
        $("#popup_bg").fadeOut();
        event.stopPropagation();
        });
</script>

我还想让它适用于任何这些“弹出窗口”，所以我可能会将其更改为类似 $(this).parent().parent().fadeOut(); 的内容- 可以这样做吗？

谢谢各位的帮助! :)

@编辑

由于您的解决方案都不起作用，我将按字面意思放置我的代码:D 也许您会发现一些导致其出错的错误:

<?php if(isset(errors['user'])) : ?>    
<script type="text/javascript">
    $(function()
    {
        $("#popup_close").on('click', function() {
        $("#popup_background").fadeOut();
        //event.stopPropagation();
        });
    });
</script>
<div id="popup_background" >
    <div class="popup_window">
        <span class="title">
        error
        </span>
        <span class="message"><?php echo errors['user']; ?>
        </span>
        <span id="popup_close" class="button">OK</span>
    </div>
</div>
<?php endif; ?>

我希望这能帮助您发现任何错误。它显示正确，我单击“确定”跨度，没有任何反应:p 我讨厌 js :D

Answer 1

我看到了你的代码，代码的 jquery 部分正在运行。检查这里:Jsfiddle -> http://jsfiddle.net/Zahinize/7YD4D/13/

您应该像这样重写条件 If 语句，

 <? ini_set('error_reporting', E_ALL); ?>

 <script type="text/javascript">
  $(function()
  {
    $("#popup_close").on('click', function() {
    $("#popup_background").fadeOut();
    //event.stopPropagation();
    });
   });
  </script>

 <div id="popup_background" >
  <div class="popup_window">
    <span class="title">
    error
    </span>
    <span class="message">

    <?php 
     if(isset(errors['user'])){      
      echo errors['user']; 
      }
    ?>
     </span>
    <span id="popup_close" class="button">OK</span>
  </div>
</div>

在顶部设置 error_reporting..

在此处查看更多信息:http://php.net/manual/en/function.error-reporting.php

也许这会有所帮助，但坦率地说，我还没有在任何地方见过这样的错误处理: error['user'] 。您应该看到错误处理以编写更好的代码;)