jQuery Modal and FancySelect Plugin
jQuery Modal and FancySelect Plugin
我安装了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
,则不起作用。
这里只是推测,因为您没有显示处理弹出窗口创建的HTML或JS逻辑。当你调用:时,你想从弹出插件中应用FancySelect方法的元素已经在页面上了吗
$('.fancyselect').fancySelect();
如果元素是在页面加载后添加的,则该语句不会拾取这些元素。当显示弹出窗口时,你会做一些类似的事情
$('#popupcontainer .fancyselect').fancySelect();
因此,他们将所有所需的代码也将应用于这些元素。
更新:
在你的原始帖子中给出更新后,你可以添加类似的内容:[未测试]
onLoad: function() {
var wrap = this.getOverlay().find(".contentWrap");
$(wrap).find('.fancyselect').fancySelect();
}
这应该在弹出窗口填充后触发。
相关文章:
- Ckeditor-plugin:插入虚假元素add不情愿<p>标签前后
- Loopback AngularJS JavaScript SDK - Gruntfile plugin
- 可以't让browserfy使用babel-plugin-transform类属性
- 使用AdMob Plugin Pro时出错
- Jquery Selected plugin - 由 Ajax 动态填充列表
- 在Grails中使用Asset-Pipeline Plugin制作一个视图加载特定的JavaScript
- 来自plugin.google.maps(不是com.google.maps)的标记不会改变其位置
- jquery plugin(Impromptu)
- jquery-plugin-1配置设置从另一个配置设置获取值
- jQuery Accordion plugin - SHOPIFY
- Scrollsnap JQuery Plugin
- JQuery:如何强制选择一个选项为"选择“;,使用FancySelect插件
- plugin iframe-resizer get the parentIFrame
- RequireJS and jQuery plugin
- 如何在jQuery.awesomeCloud.plugin上添加jQuery工具提示功能
- Adobe Javascript Vs. Plugin
- jquery plugin imgpreload
- Chart.js jQuery Plugin
- SublimeLinter - nodeca plugin
- jQuery Modal and FancySelect Plugin