2013-07-30 3 views
-2

Я создал кнопку с помощью <div>. Теперь я хочу отключить эту кнопку, как обычную кнопку asp ... Как я могу сделать это с помощью jQuery?Как отключить Div как кнопку

function createButton(buttonName) { 
    var buttonHtml = '<div id=' + buttonName + ' class="dynamicButton" onclick="' + buttonResources[buttonName + 'OnClick'] + '">' + '<div id="' + buttonName + 'Div" class="buttonImage"><img id="' + buttonName + 'Img" src="' + buttonResources[buttonName + 'Image'] + '"></div>' + '<div class="buttonCaption">' + '<label class= "pointerCursor" id="' + buttonName + 'LabelDiv">' + buttonResources[buttonName + 'Caption'] + ' </label>' + '</div>' + '</div>'; 
    var panelName = buttonResources[buttonName + 'Panel']; 
    if ($('#' + panelName + '').length == 0) { 
     createNewPanel(panelName); 
    } 
    addButtonToPanel(panelName, buttonHtml, buttonName); 
} 
+3

Почему использование div? Вы можете также нарисовать/манипулировать фактической кнопкой –

+2

, возможно, дублировать 'http://stackoverflow.com/questions/16902734/how-can-i-disable-a-div-acting-like-a-submit-button-after-it -is-clicked-once' –

+2

@NeerajDubey, пожалуйста, не отправляйте ссылку как «код», она делает ссылку неаккуратной. – bansi

ответ

-1

Предполагая, что вы изменить что DIV элемент в кнопочного элемента, чтобы соответствовать стандартам HTML, вы можете отключить кнопку с помощью JQuery ...

$("#" + buttonName).attr('disabled','disabled'); 

... и, возможно, удалить событие щелчка. ..

$("#" + buttonName).off('click'); 
+0

Я всегда поощряю объяснение голосов. – obimod

0

вы можете либо использовать <button> элемент или использовать CSS pointer-events: none;, чтобы отключить все события мыши.

Но, как и ожидалось, CSS не будет работать в IE

0

Вы можете добавить атрибут этого DIV (например: отключено) и проверить его на событие щелчка, чтобы сделать правильные действия

0

Вы можете сделайте это с помощью css. Вам нужно еще один div вместе с ним и добавить класс, который применяет непрозрачность 0,5 и расположен над кнопкой div.

Смежные вопросы