为了账号安全,请及时绑定邮箱和手机立即绑定

JQ hasclass()问题

/ 猿问

JQ hasclass()问题

qq_想_10 2017-07-24 12:09:39
<ul id="sddm">
   <li class="menu1 current"><a href="default.aspx">
      <span id="top_LabelHome">HOME</span></a>
   </li>
   <li class="menu2"><a href="company.aspx">
      <span id="top_Labelcompany">ABOUT US</span></a>
   </li>
   <li class="menu3"><a href="Product1.aspx">
      <span id="top_Labelcatalog">PRODUCT</span></a>
      <ul>
         <li><a href="Product1.aspx">EVAPORATOR</a></li>
         <li><a href="Product2.aspx">INTERCOOLERS</a></li>
         <li><a href="Product3.aspx">RADIATORS</a></li>
         <li><a href="Product4.aspx">CONDENSER</a></li>
      </ul>
   </li>
   <li class="menu8"><a href="Product.aspx">
      <span id="top_Label8">CATALOG</span></a>
   </li>
   <li class="menu5"><a href="New.aspx">
      <span id="top_LabelNew">NEWS</span></a>
   </li>
   <li class="menu9"><a href="down.aspx">
      <span id="top_Label2">PACKING</span></a>
   </li>
   <li class="menu7"><a href="FeedBack.aspx">
      <span id="top_Label1">FEEDBACK</span></a>
   </li>
   <li class="menu6"><a href="Contact.aspx">
      <span id="top_Labelpp2">CONTACT</span></a>
   </li>
</ul>
<script>
if ($("#sddm li:first").hasClass("current")) {
                $("#sddm li:first").removeClass();
                $("#sddm li:first").addClass("active");
            } else {
                $("#sddm li:first").removeClass();
                $("#sddm li:first").addClass("normal");
            }
</script>

JQ是不是这么写啊?调试就只有else后面的的效果

查看完整描述

3 回答

已采纳
?
李晓健

没有问题,我用你的代码跑了一下,进入的是 if 的逻辑,并没有进入 else

查看完整回答
反对 回复 2017-07-24
  • qq_想_10
    qq_想_10
    那是不是其他插件的问题,我这边运行只有else
  • 李晓健
    李晓健
    你给一下你的完整页面代码看一下,还有的的浏览器及版本
  • qq_想_10
    qq_想_10
    <div class="headerContent_i"> <div class="menu"> <div class="menuUl"><ul id="sddm"> <li class="menu1 current"><a href="default.aspx"> <span id="top_LabelHome">HOME</span></a> </li> <li class="menu2"><a href="company.aspx"> <span id="top_Labelcompany">ABOUT US</span></a> </li> <li class="menu3"><a href="Product1.aspx"> <span id="top_Labelcatalog">PRODUCT</span></a> <ul> <li><a href="Product1.aspx">EVAPORATOR</a></li> <li><a href="Product2.aspx">INTERCOOLERS</a></li> <li><a href="Product3.aspx">RADIATORS</a></li> <li><a href="Product4.aspx">CONDENSER</a></li> </ul> </li> <li class="menu8"><a href="Product.aspx"> <span id="top_Label8">CATALOG</span></a> </li> <li class="menu5"><a href="New.aspx"> <span id="top_LabelNew">NEWS</span></a> </li> <li class="menu9"><a href="down.aspx"> <span id="top_Label2">PACKING</span></a> </li> <li class="menu7"><a href="FeedBack.aspx"> <span id="top_Label1">FEEDBACK</span></a> </li> <li class="menu6"><a href="Contact.aspx"> <span id="top_Labelpp2">CONTACT</span></a> </li> </ul> </div> </div> </div>
?
qq_想_10
<script type="text/javascript" language="javascript">
    var menusel = "Menu";
    $(document).ready(function () {
        $(".headerContent_i .menu li." + menusel).addClass("current");
        $(".headerContent_i .menu li").hover(
            function () {
                $(".headerContent_i .menu li").removeClass("current");
                $(this).addClass("current");
            }, function () {
                $(".headerContent_i .menu li").removeClass("current");
                $(".headerContent_i .menu li." + menusel).addClass("current");
            }
        );
    });
</script>

.menu{width:1000px; margin:0 auto; margin-left:-30px;float:left;height:37px;background:url(../img/icon-home.png) no-repeat 15px center;}
.menuUl{float:right; height:37px; margin:0 auto; padding-left:0px;background-color:#fff; }
.menuUl ul{ margin:0; padding:0; list-style:none;}
.menuUl ul li{ float:left; width:119px; margin-left: 0px; text-align:center; height:37px; line-height:37px;transition: 150ms ease-in;}
.menuUl ul li a{ color:#000; font-weight:800;line-height:37px; font-size:14px;text-decoration:none;letter-spacing: 0.5px;}
.menuUl ul li.current{ background-color:#000; width:119px;height:37px;}
.menuUl ul li.current a{color:#fff;}

<div class="headerContent_i">
<div class="menu">
<div class="menuUl">
<ul id="sddm">
   <li class="menu1 current"><a href="default.aspx">
      <span id="top_LabelHome">HOME</span></a>
   </li>
   <li class="menu2"><a href="company.aspx">
      <span id="top_Labelcompany">ABOUT US</span></a>
   </li>
   <li class="menu3"><a href="Product1.aspx">
      <span id="top_Labelcatalog">PRODUCT</span></a>
      <ul>
         <li><a href="Product1.aspx">EVAPORATOR</a></li>
         <li><a href="Product2.aspx">INTERCOOLERS</a></li>
         <li><a href="Product3.aspx">RADIATORS</a></li>
         <li><a href="Product4.aspx">CONDENSER</a></li>
      </ul>
   </li>
   <li class="menu8"><a href="Product.aspx">
      <span id="top_Label8">CATALOG</span></a>
   </li>
   <li class="menu5"><a href="New.aspx">
      <span id="top_LabelNew">NEWS</span></a>
   </li>
   <li class="menu9"><a href="down.aspx">
      <span id="top_Label2">PACKING</span></a>
   </li>
   <li class="menu7"><a href="FeedBack.aspx">
      <span id="top_Label1">FEEDBACK</span></a>
   </li>
   <li class="menu6"><a href="Contact.aspx">
      <span id="top_Labelpp2">CONTACT</span></a>
   </li>
</ul>
</div>
</div>
</div>


查看完整回答
反对 回复 2017-07-25
?
laj1341

代码应该是没问题的

查看完整回答
反对 回复 2017-07-24

添加回答

回复

举报

0/150
提交
取消
意见反馈 邀请有奖 帮助中心 APP下载
官方微信