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