此篇和前面的一篇有关JS有一定的相关性。
这一篇主要是要完成的功能是点击一个超链接的时候,向后台请求数据并展现在一个层中----->再点击时,让该层隐藏。
在
在分析的是有考虑使用JQuery的toggle(f1,f2,...fn..)--->按照JQuery的描述如下所示:
如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数,如果有更多函数,则再次触发,直到最后一个。随后的每次点击都重复对这几个函数的轮番调用。
再次点击的时候激发function f2,由于在JQuery中存在这样的功能函数,其描述如下:
切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。
所以:有了如下的JS
function getJosnData(){
$("#getLogInfo").toggle(
function getJosnDataFromConsole(){
$.ajax({
url:"/support/pages/poapply/PoApply.do?actionFlag=getAllLoginInfoJsonData",
type: "GET",
dataType: "json",
data: { applyFormID:$("#poFormID").val()},
success: function(data){
//调用创建表和填充动态填充数据的方法.
createShowingTable(data)
},
error: function()
{
var msg = "<bean:message key="sys.err.unknowerror"/>";
alert(msg);
}
});
},
function hideData(){
$("#dataTable").toggle();
}
);
}
这样做展现的效果出现意外:
(1) 第一次点击的时候调用function getJosnData 正常并展现数据,再次点击的时候隐藏数据成功,但是当再次点击的时候进入到function getJosnDatafunction时并没有按意向祥后台请求数据,当接着再次点击的时候才能凑效。function hideData()的使用情况也是如此。对此表示十分的不解。
后来换成如下的代码就OK,其中更改的部分是:---->调用html("")清空层中的内容,二达到目的。
function hideData(){
$("#dataTable").html("") }
分享到:
相关推荐
javascript 实现点击超链接变换图片 javascript 实现点击超链接变换图片
点击listViewItem,实现超链接,设置了触摸声音,就算系统关闭了提示音,依旧会有反馈
超链接打开可移动层,连接打开超炫效果,实现关灯效果
一个简单的qt测试点击超链接时,将文本框内容改为超链接的 URL
在页面中一个超级链接可以弹出一个对话框可以在对话框中进行操作。比如修改密码等
Android开发之部分字符串可实现超链接点击事件的方法源码更多查看博客:https://blog.csdn.net/xiayiye5/article/details/83022854
一个实现超链接的控件源码,实现完美,值得学习。
/* 设置为超链接的样式*/ HSSFCellStyle linkStyle = wb.createCellStyle(); HSSFFont cellFont= wb.createFont(); cellFont.setUnderline((byte) 1); cellFont.setColor(HSSFColor.BLUE.index); ...
ABAP文章集合,点击超链接自动跳转,欢迎同行一起交流
echarts 全国地图 点击地图上的点,打开超链接 ,地图点击事件
利用MFC实现简单的超链接功能,当鼠标移动到标记的区域中时会出现设定的邮箱地址,或者网址,点击可以进入相应的页面;
通过点击按钮,实现一个类似javascript的点击实现一个超链接的功能.
实现超链接风格的按钮,通过设置可以是按钮实现我们平时所看到的超链接功能
实现了文字的超链接效果,及点击文字,转入相应网址和拨打该电话的效果。
ExtJs表格点击超链接获取行的值,和各种获取节点值的方法
NULL 博文链接:https://128kj.iteye.com/blog/1929551
本资源为unity中uguiText文本插入超链接(即 网址,图片等),简单好用,只需要将manager类放到父物体身上,将initText放到Text身上,即可
php结合js实现点击超链接执行删除确认操作_.docx
TextView实现超链接的四种方式的一个Demo,详见博客http://blog.csdn.net/u012702547/article/details/49935153
TextView中文字超链接,点击启动另一个Activity 源码