Question

我有一个菜单，其中包含一些隐藏/显示div页面的链接。

在第一页上我有youtube视频播放，但是如果我点击另一个链接，视频会消失，因为另一个div会显示，但视频会继续播放..

我找到了如何停止视频等的方法，但是在调试时，我似乎无法在我写这篇文章时发出警报：

if ( $("#main").css('display') == 'none')
{
    alert("Hello! I am an alert box!!");
}

如果我要将无更改为阻止，则会在页面加载后显示警告框。那么，一旦 main 的ID变为none（当我点击另一个菜单链接时），它怎么会出现？

编辑：

这就是我如何使用菜单链接将属性设置为无：

$('.tabs a').on( "click", function(e) {
    e.preventDefault();
    var id = $(this).attr('data-related'); 
    $(".frame div").each(function(){
        $(this).hide();
        if($(this).attr('id') == id) {
            $(this).show();
        }
    });
});

Answer 1

你是否在js中的任何地方调用if语句的函数，或者你的js中的if语句不在函数内？如果你只有if语句，它只会在页面加载时进行评估，每次css更改时都不会继续运行if语句。你需要将if语句放入一个函数中，并在每次更改css时调用该函数

jquery if css条件显示

1 个答案: