首页 文章

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

提问于
浏览 次
-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/

jquery jquery-ui-button

2 回答

  • 0

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

    <div id="pane1>
    回复于
  • 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>
    回复于

相关问题