制作javascript切换可拖动

时间:2012-09-06 05:15:38

标签: php javascript jquery javascript-events

我有这个正常运行的脚本

  $('a.clickMe').click(function () {
   id = $(this).attr('toggle');
   $('.text').not('#' + id).hide();
   $('#' + id).show();
  });


   <a class="clickMe" toggle="first">Text 1</a>
       </br>
   <div id="first" class="text"> - This text will be toggled</div>

   <a class="clickMe" toggle="second">Text 2</a>
   </br>
   <div id="second" class="text"> - This text will be toggled 2</div>

请查看Fiddle

但现在我正在尝试做两件事,

  1. 如果点击屏幕上的任何地方,切换的文字应该会消失,并且应该回到原始位置。
  2. 切换的文字应该在屏幕上可拖动,还需要添加缓冲按钮。
  3. 请帮我解决这个问题..

1 个答案:

答案 0 :(得分:0)

$('a.clickMe').click(function () {
   id = $(this).attr('toggle');
   $('#' + id).toggle();

});​

请参阅edit

 $('a.clickMe').draggable();

现在看draggable