当父div syle显示none时,dojo忽略元素

当父div syle显示none时,dojo忽略元素,dojo,Dojo,我的select位于一个div元素中,该元素具有style属性display:none,因为它只在弹出窗口中显示,dojo忽略了这些内容,我看到了一个普通的html select,但弹出窗口外的同样3行显示了一个完美的dijit select表单 我尝试了visiblility hidden,但是jquery的bpupop插件无法显示div <select name="ToServer" id="ToServer" data-dojo-type="dijit/form/Select">

我的select位于一个div元素中,该元素具有style属性
display:none
,因为它只在弹出窗口中显示,dojo忽略了这些内容,我看到了一个普通的html select,但弹出窗口外的同样3行显示了一个完美的dijit select表单

我尝试了visiblility hidden,但是jquery的bpupop插件无法显示div

<select name="ToServer" id="ToServer" data-dojo-type="dijit/form/Select">
    <option value="1" label="breitseite">breitseite</option>
    <option value="2" label="pepe">pepe</option>
    <option value="3" label="grow">grow</option>
    <option value="4" label="hurricane">hurricane</option>
</select>

布雷塞特
佩佩
成长
飓风
你知道我做错了什么,或者我如何在弹出窗口打开时强制dojo重新设置div的样式吗

更新:
我有解析器问题是我用相同的id调用了1个对象两次,但我现在修复了它,它是dojo风格的,但它只显示了select的1个选项(相同的html输出)

在dojo“render”之后,它看起来如下所示:

<table class="dijit dijitReset dijitInline dijitLeft dijitDownArrowButton dijitSelect dijitValidationTextBox" data-dojo-attach-point="_buttonNode,tableNode,focusNode" cellspacing="0" cellpadding="0" role="listbox" aria-haspopup="true" tabindex="0" id="ToServer" widgetid="ToServer" aria-expanded="false" aria-invalid="false"><tbody role="presentation"><tr role="presentation"><td class="dijitReset dijitStretch dijitButtonContents" role="presentation"><div class="dijitReset dijitInputField dijitButtonText" data-dojo-attach-point="containerNode,_popupStateNode" role="presentation" popupactive="true"><span role="option" class="dijitReset dijitInline dijitSelectLabel dijitValidationTextBoxLabel ">breitseite</span></div><div class="dijitReset dijitValidationContainer"><input class="dijitReset dijitInputField dijitValidationIcon dijitValidationInner" value="? " type="text" tabindex="-1" readonly="readonly" role="presentation"></div><input type="hidden" name="ToServer" data-dojo-attach-point="valueNode" value="1" aria-hidden="true"></td><td class="dijitReset dijitRight dijitButtonNode dijitArrowButton dijitDownArrowButton dijitArrowButtonContainer" data-dojo-attach-point="titleNode" role="presentation"><input class="dijitReset dijitInputField dijitArrowButtonInner" value="? " type="text" tabindex="-1" readonly="readonly" role="presentation"></td></tr></tbody></table></dd></div><div class="dijitPopup dijitMenuPopup" style="visibility: visible; top: 174px; z-index: 1000; right: auto; left: 619px; display: none; " role="presentation" id="ToServer_dropdown" dijitpopupparent="ToServer"><div style="overflow: visible; top: 0px; width: 67px; visibility: visible; " class="dijit dijitMenu dijitReset dijitSelectMenu dijitValidationTextBoxMenu dijitMenuPassive" role="presentation" id="ToServer_menu" widgetid="ToServer_menu" tabindex="0"><table class="dijitReset dijitMenuTable" role="listbox" tabindex="0" data-dojo-attach-event="onkeypress:_onKeyPress" cellspacing="0" style="">
<tbody class="dijitReset" data-dojo-attach-point="containerNode"><tr class="dijitReset dijitSelectSelectedOption dijitValidationTextBoxSelectedOption dijitMenuItemSelected dijitMenuItem" data-dojo-attach-point="focusNode" role="option" tabindex="-1" aria-labelledby="dijit_MenuItem_0_text dijit_MenuItem_0_accel" id="dijit_MenuItem_0" aria-disabled="false" widgetid="dijit_MenuItem_0" aria-selected="true">
<td class="dijitReset dijitMenuItemIconCell" role="presentation">
    <img src="//ajax.googleapis.com/ajax/libs/dojo/1.8.0/dojo/resources/blank.gif" alt="" class="dijitIcon dijitMenuItemIcon dijitNoIcon" data-dojo-attach-point="iconNode">
</td>
<td class="dijitReset dijitMenuItemLabel" colspan="2" data-dojo-attach-point="containerNode" id="dijit_MenuItem_0_text">breitseite</td>
<td class="dijitReset dijitMenuItemAccelKey" style="display: none" data-dojo-attach-point="accelKeyNode" id="dijit_MenuItem_0_accel"></td>
<td class="dijitReset dijitMenuArrowCell" role="presentation">
    <div data-dojo-attach-point="arrowWrapper" style="visibility: hidden">
        <img src="//ajax.googleapis.com/ajax/libs/dojo/1.8.0/dojo/resources/blank.gif" alt="" class="dijitMenuExpand">
        <span class="dijitMenuExpandA11y">+</span>
    </div>
</td>
breitseite
布雷塞特
+
佩佩 + 成长 + 飓风 +

如果所有元素都位于具有主题集的
标记内,则它们将获得Dojo样式

您的问题实际上并不在于样式,但很可能与解析有关。我建议您的
dijit/form/Select
未被解析

您可以通过从控制台运行来确认这一点:

require(["dojo/parser"], function(parser){
  parser.parse();
});

如果其他主题不相关,不要标记它们。指的是jquery,实际上是jquery,我使用的弹出式插件制作了一个iStream,如果你问我,你能提供一个示例页面来托管它,这很奇怪,我来看看。我有解析器。问题是我用相同的id调用了一个对象两次,但我现在修复了它。它是dojo样式,但它只显示了一个选项。您也可以指定要解析的节点。parser.parse(“elementId”)