Кнопка отключения JQuery/bootstrap

Question

Привет, я искал решение с помощью JQuery или, изменяя класс bootstrap twitter, чтобы кнопка не выполняла его действие onclick, а также отключив его. Однако IV найден до сих пор не выполнены правильно и в основном только дает видимость отключенному, но по-прежнему выполнять правильно:

$("#previous").prop('disabled', true); 
$("#next").prop('disabled', true); 

Цель состоит в том, чтобы предотвратить обмен вкладок, когда индекс табуляции слишком высокий или слишком низкий. Большинство других решений, похоже, содержат огромное количество того, что, по-видимому, не является необходимым Javascript для функции, которая кажется относительно простой.

Такие, как это:

$("#previous").click(function() { 
    var me = $(this); 
    me.unbind("click");    
}) 

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

Любая помощь будет оценена :)

Answer 1

Если вы используете twitter bootstrap, это именно то поведение, которое уже реализовано для вас.

Вам просто нужно изменить класс .disabled элемента, который вы хотите отключить.

Как:

$("#previous").addClass('disabled'); 

Answer 2

Вы должны предотвратить действие по умолчанию с помощью event.preventDefault()

$("#previous").click(function(event) { 
    //add logic to attach style behavior here or conditionally prevent default 
     event.preventDefault();  
}); 

Answer 3

Позвольте мне показать простой пример. Здесь кнопка становится отключенной, как только вы нажимаете на нее.

<button class="btn btn-danger">Click Me</button> 

$('.btn-danger').on('click', function() { 

    if ($(this).hasClass('disabled')) { 
     return false; 
    } else { 
     $(this).addClass('disabled'); 
    } 
});