动态启用以前在 javascript 事件上禁用的 jquery ui 按钮

Question

我有两个div。 单击第一个div (div1(中的jqueryui按钮(按钮1(会在第二个div(div2(中创建一个jquery ui按钮(button2(，其中包含标识创建它的按钮1的数据元素;此外，单击会隐藏(或禁用也有效(单击的按钮(按钮 1(。

当我单击按钮 2 时，我想显示/启用按钮 1;但是，这不起作用。这似乎只是动态隐藏/禁用按钮的问题。

<div id="pane1>
    <a id="123" class="addme jqb">Add</a>
</div>
<div id="pane1>
    <a id="345" data-target='123' class="deleteme jqb">Delete</a>
</div>
$(function(){
    $('.jqb').button();
  $('.deleteme').button('disable');
  $('.addme').on("click", function(){
    $(this).button('disable');
    $('.deleteme').button('enable');
  });
  $('.deleteme').on("click", function(){
    $(this).button('disable');
    $('#123').button('enable');
  });
});

这是一个包含简化版本的代码的小提琴 - https://jsfiddle.net/x7u1xLg8/16/

Answer 1

可能是你的HTML不正确。例如，您忘记关闭双引号。这将默默地失败并产生奇怪的后果。

<div id="pane1>

Answer 2

你在两个地方错过了""：

<div id="pane1>

    <a id="123" class="addme jqb">Add</a>
  </div>

<div id="pane1>

    <a id="345" data-target='123' class="deleteme jqb">Delete</a>
 </div>

请检查更新的代码(注意检查小提琴中的代码(。

$(function(){
	$('.jqb').button();
  $('.addme').on("click", function(){
  	$(this).button('disable');
    $('#345').button('enable');
  });
  $('.deleteme').on("click", function(){
  	$(this).button('disable');
    $('#123').button('enable');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script
  src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script>
<div id="pane1">
    <a id="123" class="addme jqb">Test</a>
</div>
<div id="pane1">
    <a id="345" data-target='123' class="deleteme jqb">Test1</a>
</div>