如何通过从另一个popover传递的id来制作一个popover显示列表?

时间:2018-01-16 07:01:19

标签: jquery html css

我被分配了一项任务,但是我很难将id从一个弹出窗口传递到另一个弹出窗口。

JSFiddle

我拥有的是:

一个。两个popovers

  1. 包含ul li
  2. 的popover
  3. 另一个带有彩色divs的popover,点击时会显示check icon。此popover还有一个提交按钮
  4. 湾无论何时单击彩色块,都会显示check icon并将其ID存储在变量中。

    ℃。单击提交按钮后,将调用createlabel()函数,并应使用switch case在第一个popover中显示li

    d。我在一个switch case中使用了这个id,这样匹配的case就可以在第一个popover中显示li

    但在我的情况下,我只是在点击时获取彩色块的id并在单击Create button时调用该函数。我无法在第一个弹出窗口中查看li块。

    Ex:在第二个弹出窗口中,如果单击黄色div,则会显示复选框,并且将存储标识#yellow。黄色在switch中传递,匹配的大小写将显示与li id匹配的yellow。从而在第一个popover中显示它。

1 个答案:

答案 0 :(得分:0)

代码中似乎存在很多问题。我已经修复了一些问题以获得理想的结果。

检查更新后的方法createLabel

function createlabel(){
        var selectedColor;
    $('.colors > .fa-check').each(function(){
        if($(this).is(":visible")){
         selectedColor =  $(this).closest('.colors').attr('id');
        }
    });
    $(".labellists").hide();
    console.log(selectedColor);
    switch(selectedColor)
    {
        case "green":
        $("#greenlist, #greenlist > .fa").show();
        break;
        case "yellow":
        $("#yellowlist, #yellowlist > .fa").show();
        break;
    }
}

更新了小提琴链接 - http://jsfiddle.net/qsJ3c/110/