2016-12-30 2 views
1

Я пытаюсь запустить оповещение при нажатии на тег <a>.Запустить оповещение при нажатии кнопки JS

$('#login-button1').click(function() { 
 
    alert(1234); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
    <a ui-sref="tabsController.inCio" id="login-button1" class="button button-stable button-block LoginButton1" href="#/tabsController/home">Login</a>

Ничего не происходит при нажатии кнопки.
Я пробовал много других способов запустить оповещение, но ни один из них, похоже, не повлиял на тег.

В журнале консоли не отображается сообщение об ошибке.

+0

Скорее всего, ваш браузер блокирующие сигналы. Попробуйте другой браузер, чтобы убедиться. В зависимости от вашего браузера, отключение блока отличается, я полагаю, что Google - ваш лучший друг. –

+1

Это работает: https://jsfiddle.net/bensnaize/6zscjf1n/, поэтому, возможно, вы не включили jQuery правильно. Или, как говорит @AndreiGheorghiu, оповещения, возможно, заблокированы. – G0dsquad

+0

Вы запускаете '$ ('# login-button1'). Нажмите' после того, как элемент с идентификатором 'login-button1' был добавлен в DOM (например, в обратном вызове dom), вы можете проверить это, добавив консоль. log ($ ('# login-button1'). length) 'перед добавлением обратного вызова клика, это должно быть' 1'. –

ответ

2

кажется, что ваш проект AngularJS.

Если вы используете AngularJS, вы можете использовать директиву ng-click.

В HTML:

<a ui-sref="tabsController.inCio" ng-click="alertMethod()" class="button button-stable button-block LoginButton1">Login</a> 

В контроллере:

$scope.alertMethod = function() { 
     alert(1234); 
    } 
0

Предполагается работать, все выглядит хорошо, убедитесь, что вы правильно импортировали jQuery. как:

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 

или любой другой версии JQuery вы желающая использовать, код прекрасно работает с выше версии, как показано в этом Fiddle

+0

Поскольку консоль не сообщает об ошибке, более вероятно, что '$ ('# login-button1')' не находит никакого элемента. Например. Потому что он выполнен до того, как dom готов. Если jquery не включен, '$ (...)' будет сообщать об ошибке. –

+0

hmm .. так что довольно ясно, что нужно сделать, чтобы вложить все в '$ (document) .ready (function() {...})' –