Question

我有两个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/

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>

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

＆＃13;

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

＆＃13;

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

＆＃13;

动态启用之前在javascript事件

2 个答案: