22-JS实现切换tab显示或隐藏参数面板上的控件

按照例子出不来结果,截图如下:

1.jpg


JS代码如下:

setTimeout(function() {

    $(".fr-widget-click").eq(2).bind("click", function() {

        $("div[widgetname$='xsz']").show();

    });

    $(".fr-widget-click").eq(3).bind("click", function() {

        $("div[widgetname$='xsz']").hide();

    });

}, 100);



为什么实现不了切换tab标签隐藏控件的效果



希望点“区局排名”标签,“xsz”下拉框控件隐藏



改成:

 $(".fr-widget-click").eq(0).bind("click", function() {

        $("div[widgetname$='xsz']").show();

    });

    $(".fr-widget-click").eq(1).bind("click", function() {

        $("div[widgetname$='xsz']").hide();

    });

这样 还是不行

FineReport @/@蔻 发布于 2020-11-3 08:44 (编辑于 2020-11-3 08:51)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
1
cherishdqyLv7高级互助
发布于2020-11-3 08:46(编辑于 2020-11-3 09:01)

你的tab只有2个?eq()里的序号是从0开始的

setTimeout(function() {

	$("div[widgetname=TABPANE0]").find('span').eq(0).bind("click", function() {
		$("div[widgetname$='XSZ']").show();
	});
	$("div[widgetname=TABPANE0]").find('span').eq(1).bind("click", function() {
		$("div[widgetname$='XSZ']").hide();
	});
}, 100);


  • @/@蔻 @/@蔻(提问者) 对。目前是2个,想要点第二个时候,控件隐藏
    2020-11-03 08:48 
  • @/@蔻 @/@蔻(提问者) 例子中为什么是这样: $(\".fr-widget-click\").eq(2).bind(\"click\", function() { $(\"div[widgetname$=\'运货商\']\").show(); }); $(\".fr-widget-click\").eq(3).bind(\"click\", function() { $(\"div[widgetname$=\'运货商\']\").hide(); }); 从2开始
    2020-11-03 08:49 
  • cherishdqy cherishdqy 回复 @/@蔻(提问者) 代码改一下,看我上面的补充代码
    2020-11-03 09:01 
  • cherishdqy cherishdqy 回复 @/@蔻(提问者) js里的控件名要用大写
    2020-11-03 09:08 
  • @/@蔻 @/@蔻(提问者) 回复 cherishdqy 用你的代码可以了,还有个问题控件xsz我用的是小写,为什么代码里要写成大写啊
    2020-11-03 09:09 
最佳回答
0
luojian0323Lv7资深互助
发布于2020-11-3 09:01

把你的模板导出内置数据模板,我帮你写

  • 3关注人数
  • 820浏览人数
  • 最后回答于:2020-11-3 09:01
    请选择关闭问题的原因
    确定 取消
    返回顶部