-1

我有两个div。单击第一个 div (div1) 中的 jqueryui 按钮 (button1) 在第二个 div (div2) 中创建一个 jquery ui 按钮 (button2)，其中的数据元素标识创建它的 button1；点击也隐藏（或禁用）点击的按钮（button1）。

当我点击 button2 时，我想显示/启用 button1；但是，这不起作用。这似乎只是动态隐藏/禁用按钮的问题。

<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/

4

2 回答 2

0

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

<div id="pane1>
于 2018-03-23T01:19:33.957 回答
0

你错过""了两个地方：

<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>

于 2018-03-23T01:43:36.733 回答