jQuery Modal和FancySelect插件

Question

我安裝了jQuery FancySelect插件。 工作正常。 現在，我試圖在模式彈出窗口中調用它，但是它不起作用。 這是父窗口中的代碼：

<script src="/js/fancySelect.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
    $('.fancyselect').fancySelect();
    var repoName    = 'fancyselect'
    var menu        = $('#top').find('menu');
    function positionMenuArrow() {
        var current = menu.find('.current');
        menu.find('.arrow').css('left', current.offset().left + (current.outerWidth() / 2));
    }
    $(window).on('resize', positionMenuArrow);
    menu.on('click', 'a', function(e) {
        var el          = $(this),
        href            = el.attr('href'),
        currentSection  = $('#main').find('.current');
        e.preventDefault();
        menu.find('.current').removeClass('current');
        el.addClass('current');
        positionMenuArrow();
        if (currentSection.length) {
            currentSection.fadeOut(300).promise().done(function() {
                $(href).addClass('current').fadeIn(300);
            });
        }
        else {
            $(href).addClass('current').fadeIn(300);
        }
    });
    menu.find('a:first').trigger('click')
});
</script>

將class="fancyselect"添加到父級作品中的任何選擇中。 但是，如果將其添加到modal popup select不起作用。

Answer 1

只是在這里推測，因為您沒有顯示正在處理彈出窗口創建的HTML或JS邏輯。 當您調用以下命令時，是頁面上已經存在的彈出插件中想要應用FancySelect方法的元素：

$('.fancyselect').fancySelect();

？

如果元素是在頁面加載后添加的，則該語句將不會選擇它們。 顯示彈出窗口時，您會喜歡

$('#popupcontainer .fancyselect').fancySelect();

因此，他們還將所有所需的代碼也應用於該元素。

更新：

更新后在您的原始帖子中給出了內容，您可以添加以下內容：[未測試]

onLoad: function() { 
    var wrap = this.getOverlay().find(".contentWrap"); 
    $(wrap).find('.fancyselect').fancySelect();         
}    

彈出窗口填充后應觸發此操作。