Question

我正在尝试在我的网站主页上制作拖放按钮，当我将按钮拖放到打开我网站第二页的目标时，我该怎么办？有我的代码：

＆＃13;

$( init );
 
function init() {
  $('#makeMeDraggable').draggable();
  $('#makeMeDroppable').droppable( {
    drop: handleDropEvent
  } );
}
 
function handleDropEvent( event, ui ) {
  var draggable = ui.draggable;
  alert( 'The square with ID "' + draggable.attr('id') + '" was dropped onto me!' );
}

＆＃13;

#makeMeDraggable { float: left; width: 300px; height: 300px; background: red; }
#makeMeDroppable { float: right; width: 300px; height: 300px; border: 1px solid #999; }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
<div id="content" style="height: 400px;">
 
  <div id="makeMeDraggable"> </div>
  <div id="makeMeDroppable"> </div>
 
</div>

＆＃13;

http://jsfiddle.net/2c1nnLtq/

Answer 1

你可以这样做：

window.location.href = "link of your 2nd page";

这会将当前位置更改为指定的href

拖放以打开html页面

1 个答案: