jQuery：如何在单击按钮时触发此行作为函数？

Question

我很想提出问题本身。 无论如何，这就是我想要做的。

我在页面底部有这个JavaScript：

<script type="text/javascript">
    $(document).foundation(); 
    $(document).foundation('abide', 'reflow');
</script>

它加载了Foundation框架，然后重新遵守了（我需要这样做）。 所以我实际上有两个问题

（1）是先加载基础并重载，还是先加载基础再重合？ 我问有两行是否毫无意义，还是我只应该有第二行。

（2）好的，真正的问题...我该如何调用$(document).foundation('abide', 'reflow'); 当我单击链接时？ 我需要它来执行它现在的方式以及单击某些按钮。

如果有人对知道实际问题感兴趣：我正在使用Foundation（显然），并且它们具有选项卡功能，因此在我的一个页面上，我在不同的选项卡中具有一系列表格，现在，此遵守验证功能仅在页面加载，尽管它可以将自身附加到所有表单上，但它不能像在页面加载时显示的第一个表单上那样“实时”运行。 因此，我想在单击每个选项卡链接时触发事件-我认为应该这样做。

我确定还有其他类似问题，只是不确定要问些什么。 有什么建议么？

Answer 1

1）我不相信它会两次加载Foundation。 在我看来，您正在按原本打算的方式使用该重排调用，尽管在第一个foundation（）调用之后必须立即执行此操作似乎很奇怪。

2）要在链接的每次单击上启用功能，您可以执行以下操作：

$(document).ready(function() {
    $('a').on('click', function() {
        $(document).foundation('abide', 'reflow');
    });
});

您可以通过修改$（'a'）选择器将其应用于按钮或特定类别的链接或按钮。

这个答案假定正在使用jQuery，我从您的$（document）调用中收集到它。

Answer 2

$(document).ready(function() {
    $('#id_of_my_link').click(function(){
        $(document).foundation('abide', 'reflow');
    });
});

为此，您需要具有以下内容：

<a id="id_of_my_link">...</a> ，将id_of_my_link替换为您想要的任何内容

ps：别忘了包含jquery库

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>