我建立了好多图像按钮,有没有办法,写一个事件,当任意图像按钮被点击,跳转到其他页面呢
求解。我问这个,是因为我动态增加多个图像按钮,想通过控制全部图像按钮的事件来完成跳转同一个页面,毕竟动态生成图像按钮,没法直接搞图像按钮的点击事件
所有的按钮的 onclick 都指向同一个方法,比如 button_click(),在里面用sender参数得到哪一个按钮被点,然后跳转
动态生成的图像按钮也有id name什么的,使用js或者jquery选择器很容易实现跳转事件,例如点击class为pic的图片跳转:
$(".pic").click(function(){
location.href='newpage.html';
});
两种方式:
1. 动态生成的按钮,都写上onclick="xxx()"这样的事件,然后在全局指定一个xxx的函数; 如果要对不同的按钮做不同传参处理,可以将接受函数xxx写上几个参数,如:
var xxx=function (param1,param2)这种,在onclick里面写如,第一个:onclick="xxx(1,1)" 当然,这是例子,值根据你的需求来写;
2. 采用全局注册一个以固定类标签的click,如:$(".myclass").click(function(e){...}),同时,在动态生成按钮的时候,给每个按钮加上class="myclass"的标记;这种方式要区分参数的话,得从click里面的function中的e去获取,一般来说$(e.target)就能获取到按钮本身的jquery对象,取值嘛,可以预先把值定义在value里面,于是$(e.target).val()就能取到不同的按钮对应的值了。
以上方式其实都有些繁琐,jquery针对dom的这种才做也慢慢要被淘汰了。建议兄弟,可以看看react.js或者vue.js(个人尤其推荐这个),这个才是后面的趋势。看完这个之后,你就会发现,jquery在这俩哥们面前真的是个渣渣...
对了,纠正一下,你这个问题属于前端问题,不属于.net后台。
在图片外边加上一个a标签不就行了吗?
<a href='newpage.gtml'><img src='' /></a>