Question

我有一个jssor画廊，我通过添加CSS类“模糊”来模糊。当用户点击div时，我想“unblur”这个画廊。为此，我添加了这个简单的JS代码：

$(function() {
    var attributeActions = [ 'Add', 'Update', 'Search' ];
    var $select = $('#attrStpSel');
    $select.find('option').remove();
    $('<option>').val("-1").text("Select").appendTo($select);
    $.each(attributeActions, function(index, value) {
      $('<option>').val(value).text(value).appendTo($select);
    });
});

其中“js1”是我的div的id而“jssor_1”是我的画廊ID。不幸的是，这根本不起作用。我是JS的新手，但我认为这应该可以正常工作，因为点击功能检查是否点击了HTML元素......这是我的画廊的HTML代码：

    jQuery(document).ready(function($) {
      $("js1").click(function(){
        $("jssor_1").removeClass("blur");
      });
    });

CSS：

  <div id="gallery" class="section gallery-section">
    <div class="container-fluid">
      <div id="jssor_1" class="blur" style="top: 0px; left: 0px; width: 800px; height: 445px; overflow: hidden; visibility: hidden; background-color: #000;">
        <div data-u="slides" style="cursor: default; top: 0px; left: 0px; width: 800px; height: 400px; overflow: hidden;">
          <div data-p="144.50" style="display: none;">
            <img data-u="image" src="img/realizacje/01.jpg" />
            <img data-u="thumb" src="img/realizacje/01t.jpg" />
          </div>
          ...other gallery images...
        </div>
        <div data-u="thumbnavigator" class="jssort01" data-autocenter="1">
          <div data-u="slides" style="cursor: default;">
            <div data-u="prototype" class="p">
              <div class="w">
                <div data-u="thumbnailtemplate" class="t"></div>
              </div>
              <div class="c"></div>
            </div>
          </div>
        </div>
        <span data-u="arrowleft" class="jssora05l" style="top: 158px; left: 8px; width: 40px; height: 40px;"></span>
        <span data-u="arrowright" class="jssora05r" style="top: 158px; right: 8px; width: 40px; height: 40px;"></span>
      </div>
      <div id="js1" class="naglowekgalerii">PRZYKŁADOWE REALIZACJE</div>
    </div>
  </div>

Answer 1

JQuery选择器
JQuery选择器是一种选择文档对象模型（DOM）元素的方法，即div，button ......等HTML元素

'*'

$("*")  //All elements

#id

$("#lastname")  //The element with id="lastname"

.class

$(".intro") //All elements with class="intro"

<强>的.class，的.class

$(".intro,.demo")   //All elements with the class "intro" or "demo"

元素

$("p")   //All <p> elements

el1，el2，el3

$("h1,div,p")   //All <h1>, <div> and <p> elements

在你的情况下

您使用的是错误的选择器

jQuery(document).ready(function() {
  $("#js1").click(function(){
    $("#jssor_1").removeClass("blur");
  });
});

Answer 2

您没有正确使用selector，要按ID选择元素，您需要使用#并按类使用.进行选择，也不需要使用$

 jQuery(document).ready(function() {
  $("#js1").click(function(){
    $("#jssor_1").removeClass("blur");
  });
});

Answer 3

您需要为选择器添加正确的标识。如果你想让jQuery使用它的id访问一个元素，那么使用＆＃34;＃＆＃34;而对于班级＆＃34;。＆＃34;但是你不使用它们。因此，解决方案很简单，＃34;＃＆＃34;因为你正试图用它的id来访问一个元素。请检查以下更正的代码。

$(document).ready(function() {
      $("js1").click(function(){
        $("jssor_1").removeClass("blur");
      });
    });

或者你可以直接在ready事件中使用$。

ng-click

希望它会帮助你。

Answer 4

按照以下更改脚本

如果您在jquery中使用ID，则需要添加$（＆＃39;＃＆lt;＆lt;＆lt; id＆gt;＆gt;＆＃39;）。

JavaScript - removeClass不工作？

4 个答案: