用js怎么实现在同一框内，点击不同按钮显示不同内容
答案:3 悬赏:50 手机版
解决时间 2021-11-23 17:48
- 提问者网友：几叶到寒
- 2021-11-23 06:40
用js怎么实现在同一框内，点击不同按钮显示不同内容
最佳答案
- 五星知识达人网友：野慌
- 2021-11-23 07:45
你有用jQuery吗。如果是可以用delegate代理点击事件。如果没有，自己写一个，其实就是点击事件的冒泡。
为你的每个要点击的按钮加上data-target属性（这是HTML5的data-*特性），假设这些按钮的共同父元素是
#button-wrap
那么就可以这样用代理
$('#button-wrap').delegate('button[data-target]', 'click', function() {
// 获取存储在按钮上的作为 jQuery 选择器的 target 值
var target = $(this).data('target');
// 在 HTML5 中也可以是 var target = this.dataset.target
// 根据target指定的选择器，显示该元素
$(target).show();
});
为你的每个要点击的按钮加上data-target属性（这是HTML5的data-*特性），假设这些按钮的共同父元素是
#button-wrap
那么就可以这样用代理
$('#button-wrap').delegate('button[data-target]', 'click', function() {
// 获取存储在按钮上的作为 jQuery 选择器的 target 值
var target = $(this).data('target');
// 在 HTML5 中也可以是 var target = this.dataset.target
// 根据target指定的选择器，显示该元素
$(target).show();
});
全部回答
- 1楼网友：何以畏孤独
- 2021-11-23 09:11
同楼上。类似于这样写：
我是内容
- 2楼网友：怙棘
- 2021-11-23 08:59
给不同的按钮绑定不同的事件就行了啊
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
大家都在看
推荐资讯