我有一个脚本,可以根据鼠标在页面上的位置放置
元素。我有一个按钮,上面写着“清除”,我想使用它来清除创建的
元素。我该如何实现?
我编写的脚本和源代码:
HTML
<!DOCTYPE html>
<html>
<body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<script src="bhaiya.js"></script>
<button style="z-index: 2000;" class="clear" onclick="clear()">Clear</button>
</body>
</html>
jQuery
$(document).ready(function(){
$(this).mousedown(function(e){
$x = e.pageX;
$y = e.pageY;
$div = "<div class='theDiv' style='width: 250px; height: 150px; background-color:#e7e7e7; position: absolute; top:" + $y + "px; left:" + $x + "px;'>Hey</div>";
$("body").prepend($div);
});
function clear() {
$(".theDiv").remove();
}
})
jsFiddle: http://jsfiddle.net/BpAYz/
任何帮助都将不胜感激 :)
<button>
元素默认是提交按钮,即使您没有表单元素或任何内容,对于不打算用作提交按钮的按钮使用type="button"
是一个好习惯。 - nnnnnn