jquery中的dialog()方法是怎么使用。我引入了dialog.js。

JavaScript016

jquery中的dialog()方法是怎么使用。我引入了dialog.js。,第1张

dialog是jquery UI库的一个UI组件。

你要使用dialog。仅仅引入jquery.js是不够的。

jquery只是轻量级的基础框架。

如果你要用jqueryUI的dialog组件。

就要引入jqueryUI的js及相关css样式文件。

依赖关系dialog -->jqueryUI -->jquery

这是我做的：

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8">

<script type="text/javascript" src=js/jquery.js></script>

<script type="text/javascript" src=js/jquery.blockUI.js></script>

<script>

function showPropWindow() {

$.blockUI({

message : '<div><img src="1.png" /></div>',

css : {

cursor : 'auto'

}

})

}

</script>

<title>图片展示</title>

</head>

<body>

<div style="cursor: pointer">

<img onclick="showPropWindow()" src="1.png" style="width:100pxheight:100px"/>

</div>

</body>

</html>

你试试，记得把jquery.js和jquery.blockUI.js这两个js导入，如果你那里没有这两个js，去网上下一个