Question

我在<div>的帮助下创建了一个按钮。现在我想像普通的asp按钮那样禁用那个按钮......我怎么能在jQuery的帮助下做到这一点？

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);
}

Answer 1

您可以使用<button>元素或使用css pointer-events: none;禁用所有鼠标事件。

但是，正如预期的那样，css不会在IE中运行

Answer 2

您可以向此div添加属性（例如：已禁用）并在点击事件上对其进行测试以执行正确的操作

Answer 3

你可以用css做到这一点。你需要另外一个div并添加一个类，它应用0.5的不透明度并定位在按钮div上。

Answer 4

假设您将div元素更改为符合HTML标准的按钮元素，您可以通过jQuery禁用该按钮...

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

...也许删除点击事件......

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

如何禁用像按钮一样的Div

4 个答案: