Jquery неподходящий огонь onclick - PullRequest
0 голосов
/ 12 декабря 2018

Если я пытаюсь нажать на любую из кнопок, я просто проверяю, существует ли название класса «продажа» или нет внутри этого пыльника, чтобы сохранить, например, если я нажимаю на кнопку ОЖИДАНИЯ, я не хочу сохранятьно когда я нажимаю любую из кнопок, она срабатывает при отправке.

Если я нажимаю кнопку PENDING или REMOVE, она не срабатывает

$('.submit').on("click",function(){

, просто просто консоль «Без действий»

https://jsfiddle.net/alimuhammadtn/5co7431a/3/

$(function() {
  $('.action').on("click", function() {
    if ($(this).hasClass('sale')) {
      $('.submit').on("click", function() {
        console.log('##saved....')
      });
    } else {
      console.log('No action');
    }
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="action sale">
  <input type="button" class="submit" value="SALE"> <br>
</div>
<div class="action pending">
  <input type="button" class="submit" value="PENDING"> <br>
</div>
<div class="action remove">
  <input type="button" class="submit" value="REMOVE">
</div>

1 Ответ

0 голосов
/ 12 декабря 2018

Я не уверен, что вы хотите от вашего описания, но я думаю, что вы имеете в виду это:

$(function() {
  $('.submit').on("click", function() {
//        if ($(this).closest("div").is('.sale')) {
    if ($(this).parent().is('.sale')) {
        console.log('##saved....')
    } else {
      console.log('No action');
    }
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="action sale">
  <input type="button" class="submit" value="SALE"> <br>
</div>
<div class="action pending">
  <input type="button" class="submit" value="PENDING"> <br>
</div>
<div class="action remove">
  <input type="button" class="submit" value="REMOVE">
</div>

Но почему бы не это:

$(function() {
  $('.submit').on("click", function() {
    if ($(this).is('#sale')) {
        console.log('##saved....')
    } else {
      console.log('No action');
    }
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="action">
  <input type="button" class="submit" id="sale" value="SALE" />
</div>
<div class="action">
  <input type="button" class="submit" id="pending" value="PENDING" />
</div>
<div class="action">
  <input type="button" class="submit" id="remove" value="REMOVE" />
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...