не работает функция click jQuery

296
21 июня 2017, 02:31

var kek = '.content2'; 
var lol = '[name = ALL]'; 
$('[name = LOL]').click(function(){ 
    $(lol).css('color', 'black').css('background-color','white');    
    $('[name = LOL]').css('color', 'white').css('background-color','#ff8041'); 
    $('.content2').css('display','none'); 
    $('.content1').css('display','inline-block'); 
    lol = '[name = LOL]'; 
}); 
 
$('[name = KEK]').click(function(){ 
    alert("kek");    
    $(lol).css('color', 'black').css('background-color','white'); 
    $('[name = KEK]').css('color', 'white').css('background-color','#ff8041'); 
    $('.content1').css('display','none'); 
    $('.content2').css('display','inline-block'); 
    lol = '[name = KEK]'; 
}); 
 
 
$('[name = ALL]').click(function(){ 
    $(lol).css('color', 'black').css('background-color','white'); 
    $('[name = ALL]').css('color', 'white').css('background-color','#ff8041'); 
    $('.content1').css('display','inline-block'); 
    $('.content2').css('display','inline-block'); 
    lol = '[name = ALL]'; 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script type="text/javascript" src="file.js"></script> 
 
<ul class="menu"> 
  <li><a class="butt" name="ALL" href="#">ALL</a></li> 
  <li><a class="butt" name="LOL" href="#">LOL</a></li> 
  <li><a class="butt" name="KEK" href="#">KEK</a></li> 
</ul> 
 
<div class="container"> 
  <div class="row"> 
 
    <div class="content1"> 
      <img class="img-circle col-lg-4 col-md-4 col-sm-6 col-xs-12" src="kek/big_1442858601_image.jpg" alt=""> 
      <img class="img-circle col-lg-4 col-md-4 col-sm-6 col-xs-12" src="kek/chto-takoe-kek.jpg" alt=""> 
      <img class="img-circle col-lg-4 col-md-4 col-sm-6 col-xs-12" src="kek/149323920613487653.png" alt=""> 
      <img class="img-circle col-lg-4 col-md-4 col-sm-6 col-xs-12" src="kek/1443982198_586740750.png" alt=""> 
      <img class="img-circle col-lg-4 col-md-4 col-sm-6 col-xs-12" src="kek/vaqwznmsb9e.jpg" alt=""> 
    </div> 
 
    <div class="content2"> 
      <img class="img-circle col-lg-4 col-md-4 col-sm-6 col-xs-12" src="memes/4a4c2a53661ede617bd7437b4e728cbb.jpg" alt=""> 
      <img class="img-circle col-lg-4 col-md-4 col-sm-6 col-xs-12" src="memes/9232.jpg" alt=""> 
      <img class="img-circle col-lg-4 col-md-4 col-sm-6 col-xs-12" src="memes/p5fhjd9nzmaurge1vlwb.jpg" alt=""> 
      <img class="img-circle col-lg-4 col-md-4 col-sm-6 col-xs-12" src="memes/09618544.jpg" alt=""> 
      <img class="img-circle col-lg-4 col-md-4 col-sm-6 col-xs-12" src="memes/1490197791_2.png" alt=""> 
      <img class="img-circle col-lg-4 col-md-4 col-sm-6 col-xs-12" src="memes/images.png" alt=""> 
    </div> 
  </div> 
</div>

Answer 1
$('[data-name="LOL"]').click(function() {
    // ...
});
READ ALSO
to Array from Textarea. что не так?

to Array from Textarea. что не так?

В коде можно выделить несколько ошибок:

260
Увеличение высоты поля ввода

Увеличение высоты поля ввода

Подскажите, возможно ли в textarea или input-е сделать так, чтобы при достижении правого борта (то есть границы поля), после того, как идет перенос...

231
Как написать правильно replace в javascript

Как написать правильно replace в javascript

Как записать правильно? А то удаляет только если есть последний пример

249