Question

我正在尝试使用 jQuery TokenInput在模态弹出窗口（Ajax模式弹出扩展器）上。当自动提示文本框出现在弹出窗口中时，不会显示提示文本和搜索/无搜索结果/匹配名称的下拉列表。

如果文本框在常规页面上，则可以正常工作。

我尝试在插件调用和js / css文件中将z-index设置为9999，但这不起作用。在js的show下拉列表函数中，我尝试将.appendTo（＆＃34; body＆＃34;）更改为其他标记：＆＃34; div＆＃34;，asp.net面板的ID，但是没有＆也可以工作。还有其他建议吗？

非常感谢！

这是我的代码

    $(document).ready(function () {

    $("#<%=txtKeyPartner.ClientID%>").tokenInput("http://shell.loopj.com/tokeninput/tvshows.php",

                           {
                               zindex: 9999,
                               theme: "facebook",
                               hintText: "Begin typing a name.",
                               noResultsText: "No results",
                              searchingText: "Searching...",
                               contentType: "json",
                               propertyToSearch: "name",
                               jsonContainer: null,
                               method: "GET",
                               searchDelay: 3,
                               prePopulate: null,
                               processPrePopulate: false,
                               tokenDelimiter: ",",
                               tokenValue: "id",
                               allowFreeTagging: false,
                               allowTabOut: true, // was false
                               tokenList: "token-input-list-facebook",
                               token: "token-input-token-facebook",
                               tokenDelete: "token-input-delete-token-facebook",
                               selectedToken: "token-input-selected-token-facebook",
                               highlightedToken: "token-input-highlighted-token-facebook",
                               dropdown: "token-input-dropdown-facebook",
                               dropdownItem: "token-input-dropdown-item-facebook",
                               dropdownItem2: "token-input-dropdown-item2-facebook",
                               selectedDropdownItem: "token-input-selected-dropdown-item-facebook",
                               inputToken: "token-input-input-token-facebook",
                               preventDuplicates: true

                           }
                   );



    });

Answer 1

这几乎肯定是一个z指数问题。 ModalPopup的z-index为100001（基于this demo） - 因此将其设置为9999将是不够的。

要解决此问题，token-input.css div.token-input-dropdown中的{-1}}的z-index值应修改为更高1000001.您可以通过z-index参数设置此值，因为您在示例中尝试上方。

TokenInput autosuggest插件的下拉列表未显示在Ajax工具包ModalPopupExtender控件上

1 个答案: