我如何关闭并放置选择的容器到其容器

时间:2019-02-23 11:50:34

标签: jquery jquery-chosen

我正在使用jquery中的selected。我在项目中的正文中附加了chosen-drop。在其他所选对象上单击后,所选对象不会隐藏并且不会附加到其容器中。 以下是我的jquery脚本

 $('.chosen-select').chosen({}).change(function (obj, result) {
                console.debug("changed: %o", arguments);
                console.log("selected: " + result.selected);
            });
            (function () {
                // hold onto the drop down menu                                             
                var dropdownMenu;
                // and when you show it, move it to the body                                     
                $(window).on('chosen:showing_dropdown', function (e) {
                    // grab the menu        
                    dropdownMenu = $(e.target).next('.chosen-container').find('.chosen-drop');

                    // detach it and append it to the body
                    $('body').append(dropdownMenu.detach());

                    // grab the new offset position
                    var eOffset = $(e.target).offset();

                    // make sure to place it where it would normally go (this could be improved)
                    dropdownMenu.css({
                        'top': eOffset.top + $(e.target).outerHeight(),
                        'left': eOffset.left
                    });
                });

                // and when you hide it, reattach the drop down, and hide it normally                                                   
                $(window).on('chosen:hiding_dropdown', function (e) {
                    $(e.target).next('.chosen-container').append(dropdownMenu.detach());
                });

            })();

我尝试了所有情况,但是没有用。你能帮我吗? 预先谢谢你。

0 个答案:

没有答案