jquery弹框

ziyouren521125 2010-09-16 04:30:34

请教各位大虾一个问题
我现在有一个页面代码如下
jquery-impromptu.3.1.min.js是一个弹出框得插件
gxgc-fram.js是我写了好多方法得js
现在我要弹出一个框
在这个页面得图片上我加了一个测试可以<a onclick="$.prompt('错误格式',{show:'slideDown',buttons:{OK:true}})">点击就可以弹出
但是我放在gxgc-fram.js这个js里面就不行了，点击就闪一下
$.prompt('错误格式',{show:'slideDown',buttons:{OK:true}})
这句话没有问题。大虾们看看是什么原因



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<link rel="stylesheet" type="text/css" href="../css/gxgc-fram.css"/>

<link rel="stylesheet" type="text/css" href="../css/examples.css"/>

</head>

<body>

    <div id="content">

        <div  style="width:974px; height:125px; float:left; padding:25px 0 0 50px; text-align:left">

            <a onclick="$.prompt('错误格式',{show:'slideDown',buttons:{OK:true}})">< img src="../images/logo01.png" width="258" height="100"></a>

        </div>

   </div>

</body>

</html>

<script language="javascript" src="../js/jquery-1.4.2.js"></script>

<script language="javascript" src="../js/jquery-impromptu.3.1.min.js"></script>

<script language="javascript" src="../js/gxgc-fram.js"></script>

...全文

183 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

ziyouren521125 2010-09-17

打赏
举报

找到问题了，跟我得回车事件有冲突，谢谢了

ziyouren521125 2010-09-16

打赏
举报

[Quote=引用 4 楼 nx8823520 的回复:]

因为你的事件调用是在点击事件，所以你把script导入js文件放在最后还好不会出现什么问题，但是如果你有其他的事件调用，比如onload或者到jquery的document.ready这样的载入事件的时候，这个时候你调用的时候js文件却还是没用载入的就会出问题，所以建议你最后将它们放到head里面，同检查下你js文件导入关联的先后顺序
[/Quote]

我测试了一下，文件顺序没有问题。
现在我发现我在这个弹框之前添加一个alert就可以出来了，这是什么问题啊？
下面得话在alert以后可以正常弹出提示层。没有alert就不行，这是问什么？



......

else if ('unknow' == args[1])

{

	alert("error format!");

	$.prompt('error',{show:'slideDown',buttons:{OK:true}})

}

....

籽沫 2010-09-16

打赏
举报

因为你的事件调用是在点击事件，所以你把script导入js文件放在最后还好不会出现什么问题，但是如果你有其他的事件调用，比如onload或者到jquery的document.ready这样的载入事件的时候，这个时候你调用的时候js文件却还是没用载入的就会出问题，所以建议你最后将它们放到head里面，同检查下你js文件导入关联的先后顺序

ziyouren521125 2010-09-16

打赏
举报

[Quote=引用 1 楼 zc19860213 的回复:]

你敢把<script language="javascript" src="../js/jquery-1.4.2.js"></script>
<script language="javascript" src="../js/jquery-impromptu.3.1.min.js"></script>
<script language="javascript" src="../js/gxgc-……
[/Quote]
这个没有关系的，我是为了加载速度可以快一些

籽沫 2010-09-16

打赏
举报

看下你js文件导入的先后顺序问题

还有$查找的方法或者你定义的东西和gxgc-fram.js这个文件中有没有东西冲突

zc19860213 2010-09-16

打赏
举报

你敢把<script language="javascript" src="../js/jquery-1.4.2.js"></script>
<script language="javascript" src="../js/jquery-impromptu.3.1.min.js"></script>
<script language="javascript" src="../js/gxgc-fram.js"></script>
放到 head里面不？

jquery弹框出现视频.net,非常强大的视频暴风。以及效果很好。

当点击某一个文字或者图片时希望可以弹个框，就可以用到这个了，漂亮的jquery弹框

JavaScript jQuery 项目实战系列教程能掌握JS和Jquery的基本技能，能完成基本的网页特效！

jQuery弹框插件

jQuery不同样式的弹框，可以在网页前端开发的时候使用