重新加载基础全部或部分

问题描述：

在我的网站中，主index.php有一个下拉菜单，如果我点击一个项目，一个Ajax加载器工作并写入主索引的主div。重新加载基础全部或部分

但是，如果此导入使用基础功能（显示，标注，标签..），则此导入不起作用。

如果在控制台的WebExplore我再次插入此命令'$(document).foundation();'，进口的作品，但我在日志中收到试图在已经有一个基金会插件的元素初始化明细警告

。 foundation.min.js：65试图初始化已经具有基础插件的元素的下拉菜单plugin.foundation.min.js：65

试图在已经具有基础插件的元素上初始化非画布.foundation.min.js：65

试图在已经有一个基础的元素初始化响应拨动plugin.foundation.min.js：65

尝试初始化一个已经有一个元素上显示出来基础插件。

有人能帮我找到一个干净的解决方案来重新加载基础吗？

答

在基金会6.2.3，

$(document).foundation()

将调用

reflow: function(this, plugins)

与插件不确定的，所以每一个插件将检查：该功能将着眼于为$（文件），每个孩子[data-plugin_name]属性，如果该元素已被初始化，则显示此警告：

if ($el.data('zfPlugin')) { 
    console.warn("Tried to initialize " + name + " on an element that already has a Foundation plugin."); 
    return; 
}

所以，你可以叫基金会（）直接在您的Ajax请求后的新元素：用指定的插件（例如

$('#your_element').foundation();

或致电回流。揭示）

Foundation.reflow($('document'), 'reveal')

只要你不已经有一个初始化 '揭示' 元素在DOM

混合：（最佳的解决方案，我认为）

Foundation.reflow($('#your_element'), 'reveal');

重新加载基础全部或部分

相关推荐