• 关于

    .toggleClass()

    的搜索结果

回答

$(".invest-p1").click(function(){ $(this).children("i").toggleClass("fa-flip-vertical") }); 功能完整点的: var $content = $("div.invest-s"); $(".invest-nav").delegate(">", "click", function () { $(this).parent().find("i.fa-flip-vertical").removeClass("fa-flip-vertical"); $(this).children("i").toggleClass("fa-flip-vertical"); $content.hide().eq($(this).index()).show(); });

杨冬芳 2019-12-02 02:44:03 0 浏览量 回答数 0

回答

一般网站都不是你这种效果,硬要弄的话就用one来绑定。 $(".a").one("click",function(event){ $(".A").addClass("display-block"); event.stopPropagation(); }) $(document).on("click",function(event){ if($(event.target).closest(".A").length === 0 ){ $('.A').removeClass('display-block'); }; $(".a").one("click",function(event){ $(".A").addClass("display-block"); return false; }) }); 另一种方式,就是给a加一个透明遮罩层让他点不到。还有一种方式,实现效果一样,实际实现方式逻辑并不一样。 $(".a").on("click",function(){ $(".A").toggleClass("display-block"); event.stopPropagation(); }) 把addClass改成toggleClass,你点a看上去跟没有生效一样,其实是生效了的,效果是关闭A

杨冬芳 2019-12-02 02:42:49 0 浏览量 回答数 0

回答

'use strict'; export default function () { return { restrict: 'A', link: function ($scope, $element, $attributes) { var limit = $attributes.maxlength; $element.bind('keyup', function (event) { var element = $($element).closest('.form-group'); element.toggleClass('has-warning', limit - $element.val().length <= 10); element.toggleClass('has-error', $element.val().length >= limit); }); $element.bind('keypress', function (event) { // Once the limit has been met or exceeded, prevent all keypresses from working if ($element.val().length >= limit) { // Except backspace if (event.keyCode !== 8) { event.preventDefault(); } } }); } }; }谢谢大家的帮助。经过反复排查,发现是一个第三方指令将maxlength重新定义了

杨冬芳 2019-12-02 02:57:16 0 浏览量 回答数 0

阿里云高校特惠,助力学生创业梦!0元体验,快速入门云计算!

学生动手场景应用,快速了解并掌握云服务器的各种新奇玩法!

问题

匿名函数和call以及return的问题. ().call(this);

云栖技术 2019-12-01 19:25:56 835 浏览量 回答数 1

回答

如果是添加删除,就判断有没有就可以了。如果是只是切换显示隐藏,就判断当前状态就好了。jquery1.9之前:$('#example').click(function(){$("#example2").toggle();})jquery1.9之后: $('#example').click(function(){ if($("#example2").is(":hidden")){ $("#example2").show(); }else{ $("#example2").hide(); } }) 另外也可以通过toggleClass切换类,用类的css来实现

小旋风柴进 2019-12-02 02:26:49 0 浏览量 回答数 0

回答

直接这样可以啦 $(".sidebar-menu>li").click(function(){ console.log('sidebar menu li~~') $(this).toggleClass("active"); $(this).siblings().removeClass("active") });

小旋风柴进 2019-12-02 02:24:46 0 浏览量 回答数 0

回答

$('.dropdown').hover(function() { var $item = $('.item', this); setTimeout(function(){$item.toggleClass('highlight');}, 1000); });变量在setTimeout() 和 setInterval()没有用,所以用function代替.

小旋风柴进 2019-12-02 02:18:52 0 浏览量 回答数 0

回答

主题:自建li.choosed标签填充到div.choosed-show-content //对你的代码稍作修改 $(".second-tag li a").click(function(){ //把代表被选择的类choosed提升到li上 $(this).parent.toggleClass('choosed'); }); $(".skip-btn").click(function(){ //选择标签后,通过skip-btn确定按钮操作 var doc = document, //建立一个documentFrag 用来暂存.second-tag li.choosed的列表 documentFrag = doc.createDocumentFragment(), //获取选择标签列表 tagLists = $(".second-tag li.choosed"), //选择标签最终展示父框 tagContainer = $(".choosed-show-content"); //假如选择了标签 if(tagLists){ var len = tagLists.length, i; for(i = 0; i<len; i++){ var curTag = tagLists[i].text(), li = doc.createElement("li"), li-child-name = doc.createElement("div"), li-child-clear = doc.createElement("div"); li.className = "choosed"; li-child-name.className = "choosed-name"; li-child-name.textContent = curTag; li-child-clear.className = "clear-this"; li-child-clear.textContent = "&times;"; li.appendChild(li-child-name); li.appendChild(li-child-clear); documentFrag.appendChild(li); li = ""; li-child-name =""; li-child-clear =""; } //通过documentFrag把所有的选择标签一起添加到tagContainer tagContainer.append(documentFrag); } })

杨冬芳 2019-12-02 02:43:21 0 浏览量 回答数 0

回答

, 定义一个样式, 然后用 toggleClass 来实现. <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-1.11.3.js"></script> <meta charset="utf-8"> <title>JS Bin</title> <style> .nw{width:180px;} </style> </head> <body> <img src="http://www.w3school.com.cn/i/eg_smile.gif"> <button>1180像素</button> <script> $("button").click(function(){ $("img").toggleClass('nw'); }); </script> </body> </html> 普通做法: $("button").click(function(){ var img = $('img'); img.width(img.width() == 1180 ? 280 : 1180); });

杨冬芳 2019-12-02 02:34:26 0 浏览量 回答数 0

回答

(function(){/**function body**/}).call(this)是怎么执行的?这样写有什么好处?这是Javascript的自执行函数写法, 函数声明后立即执行. 并且设置函数执行时context为this, 这里的this因执行环境会有所不同, 浏览器环境应该是window.但是看这代码没必要用个call(this), 感觉下面的写法就可以了: (function() { $(function() { return $(".XXXX-XX").click(function() { return $(this).parent(".XXX").toggleClass("new"); }); }); })(); 2个return的作用,为什么要return?,return了什么?.两个return也是可以不存在的, 不管里return了什么, 没人接收你的return值, 何必return呢?

云栖技术 2019-12-02 02:20:21 0 浏览量 回答数 0

回答

偷懒的做法, 定义一个样式, 然后用 toggleClass 来实现. <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-1.11.3.js"></script> <meta charset="utf-8"> <title>JS Bin</title> <style> .nw{width:180px;} </style> </head> <body> <img src="http://www.w3school.com.cn/i/eg_smile.gif"> <button>1180像素</button> <script> $("button").click(function(){ $("img").toggleClass('nw'); }); </script> </body> </html> 普通做法: $("button").click(function(){ var img = $('img'); img.width(img.width() == 1180 ? 280 : 1180); });

小旋风柴进 2019-12-02 02:24:12 0 浏览量 回答数 0

回答

function addMember(roleName,drillItemRoleId){ $("#myModalLabel").text(roleName +":添加成员"); $.ajax({ url:"<%=path%>/user/resourceAssignment_getAssignableUsers", async:false, data:{}, type:"POST", dataType:"json", error:function(){ $("#roles").html("服务器异常"); }, success:function(response){ var htmls = ''; for(var i=0;i<response.length;i++){ htmls += '<li class="aRole">'; htmls += '<img src="<%=path%>/resources/images/taskImages/man1.jpg"/>'; htmls += '<div>'; htmls += '<span>'+response[i].username+'</span>'; htmls += '<p><font>男</font><font>湖南</font><font>长沙</font></p>'; htmls += '</div>'; htmls += '<a class="rolesSelect" href="javascript:void(0)" userId="'+response[i].userId+'" roleId="'+drillItemRoleId+'"><i></i></a>'; htmls += '</li>'; } $("#roles").html(htmls); } }); $(".rolesUl .aRole").hover(function(){ $(this).css("background","#E3E3E3"); $(this).find(".rolesDel").css("display","block"); },function(){ $(this).css("background","none"); $(this).find(".rolesDel").css("display","none"); }); $(".roleMen .rolesUl .aRole").click(function(){ $(this).find("a").toggleClass("rolesSelect"); }); }

a123456678 2019-12-02 03:07:18 0 浏览量 回答数 0

问题

通过js添加的元素点击事件无法触发

a123456678 2019-12-01 20:19:34 1041 浏览量 回答数 1

回答

function toggleMenu(type, $ele, $menu, className) { $ele.hasClass.toggleClass(className); var flag = $ele.hasClass(className); var show = (type == "fade") ? $menu.fadeOut : $menu.slideUp; var hide = (type == "fade") ? $menu.fadeIn : $menu.slideDown; flag ? show() : hide();

小旋风柴进 2019-12-02 02:28:39 0 浏览量 回答数 0

问题

javascript 怎样实现 hover 事件延时触发 jquery 的 toggleClass()

小旋风柴进 2019-12-01 19:24:06 971 浏览量 回答数 1

问题

jquery控制的二级菜单,如何让鼠标点击时只显示一个?

小旋风柴进 2019-12-01 19:35:09 994 浏览量 回答数 1

回答

.box{ width:100px; height:100px; border:1px solid #ccc; background: blue} .red { background: red;} $(function(){ $(".box").click(function(){ $(this).toggleClass('red'); })

小旋风柴进 2019-12-02 02:28:17 0 浏览量 回答数 0

回答

你的事件绑定不应写在异步的回调里,因为你既然已经使用事件委托的方式,那把事件绑定放到外面也是可以,而且只在进入页面时绑定一次。 // 放到外面 $(document).on('click', '.agentTable tbody tr', function () { alert('点击了'); $(this).toggleClass('agentSelected'); }); function fillAgentQueues(){ ApiSvc.queryAgents({},function(res){ console.log(res); if(res.success){ var template = '{{#data}}<tr id="{{agentId}}"><td>{{agentId}}</td><td>{{userName}}</td></tr></option>{{/data}}'; var html = Mustache.render(template, res); $('.agentTable tbody').html(html); } });

小旋风柴进 2019-12-02 02:29:43 0 浏览量 回答数 0

回答

试试这样写: var blk_have =' ';$('#blk').prepend(blk_have);$(document).on('click', '.sw-off', function(){ $(this).toggleClass('sw-on'); });

a123456678 2019-12-02 02:08:41 0 浏览量 回答数 0

问题

js中点击添加对应div

杨冬芳 2019-12-01 19:53:22 941 浏览量 回答数 1

回答

IE是有这个问题,直接设置样式可以。。 $("#kgd").click(function () { $(document.body).toggleClass("night"); //没有就加,有就移除 document.body.style.backgroundColor = document.body.className=='night'?'black':'white' });

吴孟桥 2019-12-02 02:33:42 0 浏览量 回答数 0

问题

异步加载过来的html,用jquery给某个元素绑定事件,事件被重复绑定了,求解?

小旋风柴进 2019-12-01 19:37:17 877 浏览量 回答数 1

回答

$("#sjshopse_cc ul a li").click(function () { $(this).find('em').toggleClass("a"); });

小旋风柴进 2019-12-02 02:24:39 0 浏览量 回答数 0

回答

$("#sjshopse_cc ul a li").click(function () { $(this).find('em').toggleClass("a"); }); 是这样吗。

杨冬芳 2019-12-02 02:54:31 0 浏览量 回答数 0

问题

webTRC实现视频会议的问题?报错

爱吃鱼的程序员 2020-06-06 16:59:38 0 浏览量 回答数 1

回答

用这行代码可以$('#gg').html(htmlStr).find('tr').toggleClass('xxxx');

吴孟桥 2019-12-02 02:36:33 0 浏览量 回答数 0

问题

jQuery对同一元素应用两个效果

小旋风柴进 2019-12-01 19:31:21 858 浏览量 回答数 1

回答

$(this).toggleClass('change');.toggleClass()

杨冬芳 2019-12-02 02:40:59 0 浏览量 回答数 0

回答

$('#test').css('display', '');上面这行就可以。removeAttr('style')会把所有样式都删掉,不能删除单个'display'样式。用一个.hide的类,然后toggleClass('hide'),我认为不好用,因为.css加的是行内样式,优先级最高,.hide类里面的样式不会生效,除非加!important。

a123456678 2019-12-02 02:19:41 0 浏览量 回答数 0

问题

天津开发票_MVP?

游客mewwag62exqco 2019-12-01 19:34:51 2 浏览量 回答数 0
阿里云大学 云服务器ECS com域名 网站域名whois查询 开发者平台 小程序定制 小程序开发 国内短信套餐包 开发者技术与产品 云数据库 图像识别 开发者问答 阿里云建站 阿里云备案 云市场 万网 阿里云帮助文档 免费套餐 开发者工具 企业信息查询 小程序开发制作 视频内容分析 企业网站制作 视频集锦 代理记账服务 2020阿里巴巴研发效能峰会 企业建站模板 云效成长地图 高端建站