ちょっと前にDraggable機能の実装方法について調査しました。
そこで、今度は、これにコールバックを設定したいのですが、どうすればいいのでしょうか？
sliderのイベント設定と同じようにJSON形式でパラメータとして渡せばおｋなようだ。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js' ></script>
<link type='text/css' rel='stylesheet' href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-lightness/jquery-ui.css' />
<style>
#draggable_01 {
width: 150px;
height: 150px;
padding: 0.5em;
}
</style>
<script>
jQuery(function($) {
$("#draggable_01").draggable({
//ドラッグがスタートしたとき
start:function(event,ui){
},
//ドラッグが終わったとき
stop:function(event,ui){
}
});
});
</script>
</head>
<body>
<div id="draggable_01" class="ui-widget-content">
This is test contents1
</div>
</body>
</html>これで、Draggable APIのコールバックも困らないぞと。
0 コメント:
コメントを投稿