Javascript 穆塞纳酒店;鼠标点击

Javascript 穆塞纳酒店;鼠标点击,javascript,click,mouseenter,Javascript,Click,Mouseenter,我有iframe页面,当你悬停时显示。我想将此更改为单击。不知怎么的,它不起作用了 JS: CSS: HTML: 有时我的试用成功了,但只是在iframe本身(空白)上,因此当iframe充满内容时不会发生任何事情,也许这只是目标问题 我不太明白你的问题,你的点击代码缺失。据我所知,您可以通过以下代码实现这一点: $('section div')。单击(函数(){ //这部分并不是真正需要的 if(this.state==未定义){ 该状态=0; } //不需要部分的结束 如果(本州){

我有iframe页面,当你悬停时显示。我想将此更改为单击。不知怎么的,它不起作用了

JS:

CSS:

HTML:



有时我的试用成功了,但只是在iframe本身(空白)上,因此当iframe充满内容时不会发生任何事情,也许这只是目标问题

我不太明白你的问题,你的
点击
代码缺失。据我所知,您可以通过以下代码实现这一点:

$('section div')。单击(函数(){
//这部分并不是真正需要的
if(this.state==未定义){
该状态=0;
}
//不需要部分的结束
如果(本州){
$(this.css('height','2.5vh');
$(this.css('width','100%');
$('info').css('width','100%”);
该状态=0;
}否则{
$(this.css('height','80vh');
$(this.css('width','100%');
$('info').css('width','100%”);
该状态=1;
}
});

部分{
利润率:10px;
}

我不太明白你的问题,你的
点击
代码缺失。据我所知,您可以通过以下代码实现这一点:

$('section div')。单击(函数(){
//这部分并不是真正需要的
if(this.state==未定义){
该状态=0;
}
//不需要部分的结束
如果(本州){
$(this.css('height','2.5vh');
$(this.css('width','100%');
$('info').css('width','100%”);
该状态=0;
}否则{
$(this.css('height','80vh');
$(this.css('width','100%');
$('info').css('width','100%”);
该状态=1;
}
});

部分{
利润率:10px;
}

你的
点击
代码在哪里?我制作的点击代码根本不起作用。以下是我希望在单击时实现的功能,而不是mouseenter和mouseleave:jsfiddle.net/T73A/tsq8h6pc非工作代码需要在问题本身中。这里是:$('section div')。单击(function(){$(this).css('height','80vh');$(this).css('width','100%');$('info').css('width','100%'););不知怎的,我找不到正确的点击框,我正在尝试其他的东西。在问题本身。不是作为缺少格式的注释。您的
单击
代码在哪里?我制作的单击代码根本不起作用。以下是我希望在单击时实现的功能,而不是mouseenter和mouseleave:jsfiddle.net/T73A/tsq8h6pc非工作代码需要在问题本身中。这里是:$('section div')。单击(function(){$(this).css('height','80vh');$(this).css('width','100%');$('info').css('width','100%'););不知怎的,我找不到正确的点击框,我正在尝试其他的东西。在问题本身。不是作为一个缺少格式的注释。以下是我想在点击时实现的,而不是mouseenter和mouseleave:我看到发生了什么,div有一个wierd hitbox,给我10分钟OK,所以bug是一样的,div有一个wierd hitbox。我能看到的唯一解决办法是创建一个处理程序div来触发click事件。这也是我所想的,click事件无法获得正确的目标。我会重新考虑的。Thanksher是我在点击时想要实现的,而不是mouseenter和mouseleave:我知道发生了什么,div有wierd hitbox,给我10分钟好的,所以bug是一样的,div有wierd hitbox。我能看到的唯一解决办法是创建一个处理程序div来触发click事件。这也是我所想的,click事件无法获得正确的目标。我会重新考虑的。谢谢
$('section div').mouseenter(function(){
    $(this).css('height', '80vh');
    $(this).css('width', '100%');
    $('#info').css('width', '100%');
});

$('section div').mouseleave(function(){
    $(this).css('height', '2.5vh');
    $(this).css('width', '100%');
    $('#info').css('width', '100%');
});
iframe {
    border: 0;
    width: 100%;
    height: 100%;
    transition: 1s;
    z-index: 2000;
}

#info {
    position: fixed;
    top: 0;
    height: 80vh;
    width: 100%;
    transition: 1s;
    z-index: 1;
}

section {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 2000;
}
<body>
    <section></section>
</body>