Я пытаюсь использовать клавиатуру, чтобы нажать на кнопку, используя идентификатор.

Для некоторых кнопок я должен был установить идентификатор, который на самом деле работает. Но как только я пытаюсь использовать клавиатуру для кнопок, где я устанавливаю идентификатор, он не будет работать.

Я не получаю никаких ошибок, и так как добавление идентификатора к элементу работает, я немного растерялся, почему я не могу использовать новый идентификатор набора позже в коде.

//setting id for first button (works)
$( "a:contains('Im Verband freigeben')" ).attr('id', 'freigabe-verband');
//setting id for second button (works aswell)
$( "a:contains('Vorheriger Einsatz')" ).attr('id', 'vorheriger-einsatz');


$( document ).keydown(function(e) {
 if (e.keyCode == 39) {
    //works, id is available, not set by me
     $("#alert_next").click();

} else if (e.keyCode == 38){
    // doesn't work, but id is set
    $("#freigabe-verband").click();

} else if (e.keyCode == 40){
    // doesn't work, but id is set
    $("#vorheriger-einsatz").click();

} 
return e.returnValue;

});

Кто-нибудь знает почему? https://i.imgur.com/uy6oGFJ.png

6
lost.design 16 Дек 2015 в 18:24

3 ответа

Лучший ответ

Чтобы щелкнуть элемент dom, используйте: -

$('#freigabe-verband')[0].click();

Или

$('#freigabe-verband').get(0).click();

Пример

$("a").attr('id', 'test');

$(document).keydown(function(e) {
	$('#test')[0].click();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<a href="http://stackoverflow.com">link</a>
3
BenG 16 Дек 2015 в 15:52

Это не имеет смысла. Я копирую твой код и создаю планкр, он хорошо работает. http://plnkr.co/edit/Eb5QF6mB97Js41NFbr8J?p=preview

// Code goes here
$(function() {
  //setting id for first button (works)
  $( "a:contains('Im Verband freigeben')" ).attr('id', 'freigabe-verband');
  //setting id for second button (works aswell)
  $( "a:contains('Vorheriger Einsatz')" ).attr('id', 'vorheriger-einsatz');
  
  $( document ).keydown(function(e) {
   if (e.keyCode == 39) {
    //works, id is available, not set by me
     $("#alert_next").click();
  
  } else if (e.keyCode == 38){
    // arrow up
    $("#freigabe-verband").click();
  
  } else if (e.keyCode == 40){
    // arrow down
    $("#vorheriger-einsatz").click();
  
  } 
  return e.returnValue;
  
  });  
}
);
<!DOCTYPE html>
<html>

  <head>
    <script data-require="jquery@2.1.4" data-semver="2.1.4" src="https://code.jquery.com/jquery-2.1.4.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body>
    <h1>Hello Plunker!</h1>
    <a href="#" onclick="alert('a');">Im Verband freigeben</a><br>
    <a href="#" onclick="alert('b');">Vorheriger Einsatz</a>
  </body>

</html>
1
yukuan 16 Дек 2015 в 15:51

Попробуйте этот пример:

$(document).find("#vorheriger-einsatz").click();

Вы добавляете в DOM после факта, поэтому, если вы не будете искать его снова, он не будет найден

0
Darren Sweeney 16 Дек 2015 в 15:28