gpt4 book ai didi

javascript - 模态警告框

转载 作者:行者123 更新时间:2023-11-30 17:50:16 25 4
gpt4 key购买 nike

 <!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
#divdrag1{float:left; width:154px; height:200px; margin:20px;padding:2px;border:1px solid #aaaaaa;}
#div2,#div3{float:left; width:200px; height:195px; margin:10px;padding:10px;border:1px solid #aaaaaa;}
</style>
<script language="javascript" src="../JS/jQuery.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
function allowDrop(ev)
{
ev.preventDefault();
}
function drag(ev)
{
ev.dataTransfer.setData("Text",ev.target.id);
}
var n;

function drop(ev)
{
var len=$("#div2 img").length;
alert(len);
if(len > 0)
{

$(document).ready(function() {
var $dialog = $('<div></div>')
.html("This is the <i>content</i> of the dialog box.")
.dialog({
autoOpen: false,
title: "Title of the dialog box",
// add any additional jQuery Dialog options
modal: true
});
$("body").delegate("#div2", "click", function() {
$dialog.dialog('open');
return false;
});
});
}
else
{
ev.preventDefault();
var data=ev.dataTransfer.getData("Text");
ev.target.appendChild(document.getElementById(data).cloneNode(true));
}
}
</script>
</head>

我的html代码

<body>
<form id="f1" name="form1" method="post">
<div id="divdrag1" ondragover="allowDrop(event)" >
<ul type="none">
<li><img src="smiley.png" draggable="true" ondragstart="drag(event)" id="drag1" width="88" height="31" align="left"> </li>
<li><img src="pic1.jpg" draggable="true" ondragstart="drag(event)" id="drag2" width="88" height="31"> </li>
</ul>
</div>
<div>
<div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
</div>
<input type="button" value="Clear" >
</form>
</body>
</html>

在此我不知道我必须使用什么功能来代替“绑定(bind)”。如果我在按钮上使用点击它的工作。但是当我更改为 bind 时,上面的代码不起作用。告诉我为 div 标签写什么.. 请帮助我的 friend 们......

最佳答案

jQUery 的 .bind() (自 1.7 版起被 .on() 禁止)具有以下语法:

.bind( eventType [, eventData ], handler(eventObject) )

因此您需要选择一个事件类型:clickmouseenter 等...这意味着您可能想要这样:

$("#div2").bind('click',function() {

演示 here

关于javascript - 模态警告框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19175572/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com