Question

Jquery的：

$("#pending").click(function()
{
    $(".pending").hide();
});

HTML / PHP：

<span style="font-size:2em;display:inline;position:relative;top:-30px;color:#484848;">Filter :<p id="pending" style="display:inline">Open</p><p id="wait" style="display:inline">Behandeling</p><p id="done" style="display:inline">Voltooid</p></span>
  <?php
  echo "<td>
            <div class='pending'>
             <form method='post' action='callstep.php'>
               <input type='hidden' name='id' value='$row[0]'>
               <input type='submit' value='Reply' class='small alert button'/>
             </form>
            </div>
       </td>";
   ?>

上述代码不起作用。 click函数有效但$(".pending").hide();没有。（我用alert替换它来测试。）

有人有想法吗？！

Answer 1

$(".pending").click(function(){
    $(this).hide();
});

Answer 2

$(".pending").click(function(){
    $(".pending").hide();
    });

没有名称为#pending

的任何Id属性

Answer 3

您正在调用用户应该单击的名为“#pending”的ID，以使该类等待隐藏。我只是没有在你的代码中看到#pending。尝试：<div id="pending" class="pending">

Answer 4

如果点击功能有效，代码看起来很好，

检查是否有其他脚本再次显示.pending？

同时检查.pending的css是否有display:block !important;或类似内容..

另外，请确保页面中没有多个#pending元素

Jquery按类隐藏元素

4 个答案: