Fatal编程技术网
  • internet-explorer/
  • Internet explorer IE中Dojo工具提示diaglog和下拉按钮问题

Internet explorer IE中Dojo工具提示diaglog和下拉按钮问题

internet-explorer dojo

Internet explorer IE中Dojo工具提示diaglog和下拉按钮问题,internet-explorer,dojo,Internet Explorer,Dojo,我有一系列的工具提示对话框和下拉按钮，它们本质上创建了一个树状结构来查询数据 这在chrome和firefox中非常有效，但在IE中，如果我选择疾病A，然后选择疾病B，它会关闭所有工具提示对话框和下拉按钮，并将最后选择的一个按钮推到屏幕顶部并覆盖数据按钮 代码： 正文，html{字体系列：helvetica，arial，无衬线；字体大小：90%；} 迪吉特先生{ 位置：绝对！重要； } require（“dijit.form.DropDownButton”）； require（“dijit

我有一系列的工具提示对话框和下拉按钮，它们本质上创建了一个树状结构来查询数据

这在chrome和firefox中非常有效，但在IE中，如果我选择疾病A，然后选择疾病B，它会关闭所有工具提示对话框和下拉按钮，并将最后选择的一个按钮推到屏幕顶部并覆盖数据按钮

代码：


正文，html{字体系列：helvetica，arial，无衬线；字体大小：90%；}
迪吉特先生{
位置：绝对！重要；
}
require（“dijit.form.DropDownButton”）；
require（“dijit.TooltipDialog”）；
require（“dijit.form.Button”）；
数据
病
A.
年份：
1.
性别：
两者合计
男性的
女的
2.
性别：
两者合计
男性的
女的
3.
性别：
两者合计
男性的
女的
B
年份：
1.
性别：
两者合计
男性的
女的
2.
性别：
两者合计
男性的
女的
3.
性别：
两者合计
男性的
女的
C
年份：
1.
性别：
两者合计
男性的
女的
2.
性别：
两者合计
男性的
女的
3.
性别：
两者合计
男性的
女的

有人知道为什么会这样吗

谢谢你的帮助

埃里克会 咳嗽迪吉特/爆米花汤

问题在于声明性tooltipdialog不是在其中声明它的parentNode的子节点，并且只有一个！但是，通过声明性的方式，这是可能的。。但是，一旦失去焦点，对话框将隐藏，并且此事件将冒泡。因此，所有内容都已关闭，单击按钮将打开一个对话框，该对话框由折叠和隐藏的DOM节点定位

弹出第一个对话框后，您应该会看到出现
…
。当一个新的工具提示对话框被弹出时，前面的将消失，在A中考虑这一点。别害怕 
<head>
    <style type="text/css">
        body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }
        .dijitPopup {
          position:absolute !important;
        }
    </style>
    <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js"
    djConfig="parseOnLoad: true">
    </script>
    <script type="text/javascript">
        dojo.require("dijit.form.DropDownButton");
        dojo.require("dijit.TooltipDialog");

        dojo.require("dijit.form.Button");
    </script>
    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css"
    />
</head>

<body class=" claro ">
    <div dojoType="dijit.form.DropDownButton">
        <span>
          Data
        </span>

        <div dojoType="dijit.TooltipDialog">
          Disease
           <div dojoType="dijit.form.DropDownButton">
              <span>
             A
              </span>
              <div dojoType="dijit.TooltipDialog">
                Year:
                <div dojoType="dijit.form.DropDownButton">
                  <span>
                  1
                  </span>
                  <div dojoType="dijit.TooltipDialog">
                    <strong>Sex:</strong>    
                    <div dojoType="dijit.form.Button">
                      <span>
                      Both combined
                      </span>

                    </div>
                    <div dojoType="dijit.form.Button">
                      <span>
                      Male
                      </span>
                    </div>
                    <div dojoType="dijit.form.Button">
                      <span>
                      Female
                      </span>

                    </div>
                  </div>

                </div>
                <div dojoType="dijit.form.DropDownButton">
                  <span>
                  2
                  </span>
                  <div dojoType="dijit.TooltipDialog">
                    <strong>Sex:</strong>    
                    <div dojoType="dijit.form.Button">
                      <span>
                      Both combined
                      </span>

                    </div>
                    <div dojoType="dijit.form.Button">
                      <span>
                      Male
                      </span>
                    </div>
                    <div dojoType="dijit.form.Button">
                      <span>
                      Female
                      </span>

                    </div>
                  </div>

                </div>
                <div dojoType="dijit.form.DropDownButton">
                  <span>
                  3
                  </span>
                  <div dojoType="dijit.TooltipDialog">
                    <strong>Sex:</strong>    
                    <div dojoType="dijit.form.Button">
                      <span>
                      Both combined
                      </span>

                    </div>
                    <div dojoType="dijit.form.Button">
                      <span>
                      Male
                      </span>
                    </div>
                    <div dojoType="dijit.form.Button">
                      <span>
                      Female
                      </span>

                    </div>
                  </div>

                </div>
              </div>
          </div>
          <div dojoType="dijit.form.DropDownButton">
          <span>
            B
          </span>
          <div dojoType="dijit.TooltipDialog">
            Year:
            <div dojoType="dijit.form.DropDownButton">
              <span>
              1
              </span>
              <div dojoType="dijit.TooltipDialog">
                <strong>Sex:</strong> 
                <div dojoType="dijit.form.Button">
                <span>
                Both combined
                </span>
                </div>
                <div dojoType="dijit.form.Button">
                <span>
                Male
                </span>
                </div>
                <div dojoType="dijit.form.Button">
                <span>
                Female
                </span>
                </div>
              </div>
            </div>
             <div dojoType="dijit.form.DropDownButton">
              <span>
              2
              </span>
              <div dojoType="dijit.TooltipDialog">
                <strong>Sex:</strong> 
                <div dojoType="dijit.form.Button">
                <span>
                Both combined
                </span>
                </div>
                <div dojoType="dijit.form.Button">
                <span>
                Male
                </span>
                </div>
                <div dojoType="dijit.form.Button">
                <span>
                Female
                </span>
                </div>
              </div>
            </div>
            <div dojoType="dijit.form.DropDownButton">
              <span>
              3
              </span>
              <div dojoType="dijit.TooltipDialog">
                <strong>Sex:</strong> 
                <div dojoType="dijit.form.Button">
                <span>
                Both combined
                </span>
                </div>
                <div dojoType="dijit.form.Button">
                <span>
                Male
                </span>
                </div>
                <div dojoType="dijit.form.Button">
                <span>
                Female
                </span>
                </div>
              </div>
            </div>
          </div>
          </div>
           <div dojoType="dijit.form.DropDownButton">
          <span>
            C
          </span>
          <div dojoType="dijit.TooltipDialog">
            Year:
            <div dojoType="dijit.form.DropDownButton">
              <span>
              1
              </span>
              <div dojoType="dijit.TooltipDialog">
                <strong>Sex:</strong> 
                <div dojoType="dijit.form.Button">
                <span>
                Both combined
                </span>
                </div>
                <div dojoType="dijit.form.Button">
                <span>
                Male
                </span>
                </div>
                <div dojoType="dijit.form.Button">
                <span>
                Female
                </span>
                </div>
              </div>
            </div>
             <div dojoType="dijit.form.DropDownButton">
              <span>
              2
              </span>
              <div dojoType="dijit.TooltipDialog">
                <strong>Sex:</strong> 
                <div dojoType="dijit.form.Button">
                <span>
                Both combined
                </span>
                </div>
                <div dojoType="dijit.form.Button">
                <span>
                Male
                </span>
                </div>
                <div dojoType="dijit.form.Button">
                <span>
                Female
                </span>
                </div>
              </div>
            </div>
            <div dojoType="dijit.form.DropDownButton">
              <span>
              3
              </span>
              <div dojoType="dijit.TooltipDialog">
                <strong>Sex:</strong> 
                <div dojoType="dijit.form.Button">
                <span>
                Both combined
                </span>
                </div>
                <div dojoType="dijit.form.Button">
                <span>
                Male
                </span>
                </div>
                <div dojoType="dijit.form.Button">
                <span>
                Female
                </span>
                </div>
              </div>
            </div>
          </div>
          </div>
        </div>
    </div>

</body>

require(["dijit/TooltipDialog", "dijit/popup"], function(dia) {
  var a = new dia({content: 'abc'});
  dijit.popup.open({popup: a, around: dojo.body()});
  var b = new dia({content: 'def'});
  dijit.popup.open({popup: b, around: a.domNode});
});