当我在我的网站上向下滚动时,我正试图显示一个小的“返回顶部”div.这是我的div的代码(在开发过程中,样式是内联的,直到我完成并稍后将其全部移动到base.css文件中).<div id="backToTop" style="position:fixed; right:10px; top: 200px; width: 50px; height:50px; color:#ffffff; background-color:#000000; visibility:hidden"><a href="#top">Back to Top</a></div> 你可以看到相当简单.然后我尝试使用jQuery来检测窗口稍微向下...
我已经阅读了很多这方面的答案,但这些答案都不是我需要的.我有一个div按钮,单击时会显示一个名为#settingswindow的div.我希望能够在我点击时关闭它. 下面的代码可以做到,但是当我点击它时,#settingswindow div也会关闭,这是一种不良影响.// settings button $(document).ready(function(){$("#settings").click(function(event){event.stopPropagation();$("#settingswindow").toggle();});}); $(function(){ $(document).click(fu...
我有HTML像:<div id='mainleft-content'>content is visible</div> <div id="expand-hidden">Button Expand +</div>我使用Jquery来显示/隐藏div,如:$(document).ready(function () {$("#expand-hidden").click(function () {$("#mainleft-content").toggle();}); });我想使用cookie来记住div的状态是隐藏或显示访问者的操纵. 我该怎么做?谢谢您帮忙. 见JSFIDDLE解决方法:Here is working fiddle 为此目的,您可以使用is(“:visi...
我有一个HTML div,我想在用户点击div之外的任何地方时隐藏它.点击哪个元素应该触发onclick事件?解决方法:假设您使用的是最新的jQuery,v1.4.4:$(<the div you want hidden>).click(false); //stop click event from bubbling up to the document $(document).one('click', function(){$(<the div you want hidden>).hide(); //which will hide the div });换句话说,如果你点击这个页面,这段代码会说’隐藏div,除非你点击div’. Re...
我正在尝试实现一个自动检测用户屏幕分辨率的浮动div.如果分辨率低于1280,则会自动隐藏某个div. 我已经阅读了this和this并尝试使用这些代码,但这对我不起作用.我正在使用wordpress并在< / header>中粘贴js代码 我粘贴在标题中的代码:<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><script type="text/javascript"> $(document).ready(function () {var screen = $(window) if (scr...
所以我有这个<div id="first" class="1" style="display:"><form><input type=submit></form></div><div id="second" class="2" style="display:none">test</div>我想在提交表单(按下按钮)后切换显示选项.我希望在单击提交按钮后脚本变为这样<div id="first" class="1" style="display:none"><form><input type=submit></form></div><div id="second" class="2" style="display:">test</div>解决方法:您可以添加onsubmit处理程序.如...
这是我的div风格<style> #N_fixedBottom {position:fixed;bottom:0px;left:0px;right:0px;background-color:#004369;width:100%;height:20px;z-index:100; }</style> <div id="N_fixedBottom"></div>当它向下滚动到页面底部时,该div应该隐藏.因为这个DIV隐藏了我的页脚.解决方法:猜猜你想要一个纯粹的JavaScript解决方案现在你还没有包含标签jquery?<div id="N_fixedBottom">bla bla</div>脚本:document.onscroll = function() {...
我正在使用此代码:function check_remember(event) {if (document.getElementById('rem_email').value == "") {alert("Harap isi email !");} else {document.getElementById('popup_remember').style.display = "none";event.preventDefault();}};function remember_show() {document.getElementById('popup_remember').style.display = "block"; };这是我的HTML:<button type="button" class="btn-custom remember" onclick="r...
如何在填充文本框时使用JavaScript隐藏div类? 我想在填充textbox(t1)时隐藏类loadData. 示例代码:<input type="text" name="t1" placeholder="search"><div class="loadData">// some content here.... </div>解决方法:使用jQuery.检查keyup事件上的文本字段的值并相应地执行操作.$('input[type="text"]').on('keyup', function() {($.trim($(this).val()) != '') ? $('.loadData').hide() : $('.loadData').show(); })FIDDLE
我有一个关于使用jquery hide函数进行CSS隐藏转换的问题. 我从codepen.io创建了这个DEMO 在此演示中,您可以看到显示按钮.单击显示按钮,然后.test和.user-image div打开CSS转换效果. 我想点击隐藏按钮然后.test div隐藏CSS过渡效果. 任何人都可以告诉我一个小例子我该怎么做? CSS<div class="container"><div class="usr">Show</div><div class="test"><div class="hide">Hide</div><div class="user-image" style="background-ima...
我通常在我的页面上使用隐藏的div,直到他们需要用javascript取消隐藏.我过去常常使用javascript进行初始隐藏,但现在转移到用css隐藏它们以保证隐藏发生(在浏览器中禁用js). js隐藏也存在延迟问题(等待js加载). 我的问题是,使用css,仍然有一些延迟,所以我最终将样式包含在下面的标记中,我讨厌这样做,让我觉得我做错了什么..<div style="display:none;">content </div>你们多久经常这样做?并且有没有办法让我可以在标记的其余部分之...
我正在尝试在我的常见问题解答页面添加搜索功能,但我绝对卡住了. 我想要的是一个文本框,用户输入一个关键字(或多个单词),为关键字运行jquery,并为所有相关答案设置display:block. 到目前为止我所拥有的是:<form name="searchBox">Keyword(s): <input type="text" name="keyword" /><input type="button" value="Search" onClick="searchFunction()" /></form><div class="searchable" style="display:none">This is the first so...
<div id="message" style="display: none"><!-- Here I want to place a message. It should be visible for 3 seconds.Then clear the div to get ready for the next message. --> </div>如何使用JQuery执行以下操作? 1.将消息插入div,其中id =“message”并使div可见. 2.使消息可见3秒钟. 3.删除div“message”的内容. 4.隐藏div然后在必要时从步骤1开始. 先感谢您.解决方法:你可以这样做:var $messageDiv = $('#message...
我刚刚看到一个演示了这个jquery代码来显示和隐藏悬停的潜水,这不能用regualr css完成吗?如果你能用css做到这一点,用javascript做这个有什么好处吗?$('.comment').hover(function() {$(this).children('.delete').show(); }, function() {$(this).children('.delete').hide(); });解决方法:CSS悬停适用于锚标签,但IE6无法识别li标签之类的悬停事件. 但是,如果您使用的是锚标记,则可以在CSS中实现相同的效果:a.comment .de...
我在Backbone中有一个包含内部div的视图.我想在用户点击div之外时隐藏div. 我不确定如何在View中设置一个“点击NOT #inner_div”的事件:“removeDiv”. 有关如何做到这一点的任何建议?解决方法:通常的方法是将点击处理程序直接附加到< body>然后关闭或隐藏你的< div>.例如:render: function() {$('body').on('click', this.remove);this.$el.html('<div id="d"></div>');return this; }, remove: function() {$('body').off('cl...