javascript - Jquery 切换仅在元素开始可见时才起作用

Question

已关闭。此问题需要 debugging details 。目前不接受答案。

---

编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem 。这将有助于其他人回答问题。

已关闭 8 年前。

Improve this question

我的网站上有一个滑动切换功能，以前运行良好。现在(对我来说出乎意料的是)切换功能仅在元素可见时才起作用，两种方式都正常。以 display none 开头的 block 不再执行任何操作。如果我使用浏览器开发工具检查，我的脚本中没有任何错误。这里发生了什么？

http://venzo.co.nl/index.php?r=vacature/index

(单击加号/叉号进行切换)

有人可以帮我吗？

编辑:JavaScript 函数:

function toggle(target, kruis){
    $(target).slideToggle();
    if($(kruis).hasClass('heen') == false){
        $(kruis).addClass('heen');
        $(kruis).removeClass('terug');
    }else{
        $(kruis).addClass('terug');
        $(kruis).removeClass('heen');
    }
}

调用函数的html:

<img src="handig/ikoons/plus2.png" 
            id="kruis5<?php echo $data->id;?>" 
            onclick="javascript:toggle('#vacatureUitklap<?php echo $data->id;?>', '#kruis5<?php echo $data->id;?>');" 
            class="uitklappen handje rotate <?php echo $heen;?>"/>

Answer 1

在 CSS 中，您已将重要规则添加到:

 .onzichtbaar {
     display: none !important;
 }

删除它就可以了!

 .onzichtbaar {
     display: none;
 }