jquery 如何在javascript中切换iframe的类？

t3irkdon 于 2022-11-03 发布在 jQuery

关注(0)|答案(2)|浏览(140)

这是一个iframe（一个chatbot html页面），我在另一个HTML项目中调用它。因此，我需要切换类（如下所示）作为一个 onclick 事件或通过任何其他函数

chatbot html page=〉有一个徽标，我把它放在右下角，当有人点击那个徽标时，一个formdiv打开......这个项目我在iframe内的另一个项目中调用

<iframe id="overlayDiv" class="overlayDiv" src="http://127.0.0.1:5501/index.html" frameborder="0"</iframe>

用于切换的类

<style>
            .overlayDiv {
                border: 1px solid red;
                z-index: 999;
                position: fixed;
                right: 0;
                bottom: 0;
                height: 91px;
                width: 92px;
                cursor: pointer;
            }

            .overlayDivActive {
                height: 470px;
                width: 390px;
                position: fixed;
                right: 0;
                bottom: 0;
                z-index: 999;
                border: 1px solid red;
            }
        </style>

因此，以下功能不起作用 *

$(document).ready(() => {

            $('#overlayDiv').click(function (e) {
                $('#overlayDiv').toggleClass('overlayDivActive')
            })

        })

jquery

来源：https://stackoverflow.com/questions/74124974/how-to-toggle-classes-of-iframe-in-javascript

2条答案

按热度按时间

t40tm48m1#

我有点不确定你到底想达到什么目的。你可以利用

//js
document.getElementById("overlayDiv").classlist.toggle("someClass");
//jQuery
$(".overlayDiv").toggle();

如果你指的是这个的话
您可能也会发现以下内容有用，也可能不有用：https://www.w3schools.com/tags/tag_details.asp我希望这能对您有所帮助，因为您给出的示例很少

赞(0）回复(0）举报 2022-11-03

tzdcorbm2#

你可以使用这两个选项中的任何一个，它都会对你起作用。重要的是你把你必须做的事情订好。
这将使用Javascript

document.getElementById("overlayDiv").classlist.toggle('active');

这将使用jquery

$(".overlayDiv").toggle('active');

这将把“active”类添加到你的标记中，所以现在你可以像这样处理你的css了

.overlayDiv {
  border: 1px solid red;
  z-index: 999;
  position: fixed;
  right: 0;
  bottom: 0;
  height: 91px;
  width: 92px;
  cursor: pointer;
}

.overlayDiv.active {
  height: 470px;
  width: 390px;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 999;
  border: 1px solid red;
}

切换是一个非常强大的工具，您将在项目中多次使用它。
我希望这对你有帮助。

赞(0）回复(0）举报 2022-11-03

我来回答

jquery 如何在javascript中切换iframe的类？

2条答案

相关问题

热门标签

最新问答