Кнопка не запускается при загрузке страницы? (JQuery)

Question

Я пытаюсь получить кнопку (# direction-button), которая будет запущена, когда страница будет загружена, поскольку у меня уже есть данные с предыдущей страницы, которые обрабатываются в текстовое поле (# target-dest), когда страница , но я не могу заставить кнопку запускаться автоматически, как только загружается страница.

$(document).ready(function() { 
    var locn = location.href; 
    var locationPortions = locn.split("?loc="); 
    $("#target-dest").val(locationPortions[1]); 
    $("#directions-button").trigger('click'); 
}); 

<a href="#" id="directions-button" data-role="button" data-inline="true" data-mini="true"> 
    Get Directions 
</a> 

Answer 1

Я не вижу даже обработчик при нажатии на кнопку. Также вы должны определить обработчик перед запуском события click.

Посмотрите

$(document).ready(function() { 
 
    var locn = location.href; 
 
    var locationPortions = locn.split("?loc="); 
 
    $("#target-dest").val(locationPortions[1]); 
 

 
    $("#directions-button").click(function() { 
 
    alert('I was clicked'); 
 
    }) 
 

 
    $("#directions-button").trigger('click'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 

 
<a href="#" id="directions-button" data-role="button" data-inline="true" data-mini="true"> 
 
    Get Directions 
 
</a>

это https://jsfiddle.net/v7h0dbga/

Answer 2

Try:

$("#directions-button").click(); 

Answer 3

Ваш код, как написано отлично работает. См. Обновленный Fiddle https://jsfiddle.net/ubecwq1k/2/, в котором появляется предупреждение, подтверждающее его. Я должен был включить JQuery в качестве ресурса и правильно использовать jsfiddle (JS в панели JS, HTML в HTML-панели и т. Д.). Нажмите «Пробег», и вы увидите обработчик, который я добавил:

... 
$("#directions-button").click(function() { alert('works'); }); 
$("#directions-button").trigger("click"); 

фактически уволен.

Answer 4

Попробуйте

$("#directions-button").on('click',function() { 
    alert('clicked'); 
}) 

$("#directions-button").trigger("click");