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

时间:2015-05-21 11:27:25

标签: jquery

我很难形成这个问题。无论如何,这就是我想做的事情。

我在页面底部有这个JavaScript:

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

它加载了Foundation框架,然后重新加载(我需要它来做)。所以我实际上有两个问题......

(1)加载基础是否加载基础两次,或者只是加载基础一次然后重新加载?我问这两行是否毫无意义,或者我是否应该只有第二行。

(2)好的,真正的问题......当我点击链接时如何拨打$(document).foundation('abide', 'reflow');?我需要它来执行它现在所做的方式,以及某些按钮点击。

如果有人有兴趣知道实际问题:我正在使用基础(显然),并且他们有一个标签功能,所以在我的一个页面上我有一系列表格在不同的标签中,现在这个认证功能只加载页面加载,虽然它将自身附加到所有表单...它不像在页面加载时出现的第一个表单上那样“实时”工作。所以我想在点击每个标签链接时触发事件 - 我认为应该这样做。

我确定还有其他类似的问题,我只是不确定要问那些弹出的问题。有什么建议吗?

2 个答案:

答案 0 :(得分:1)

1)我不相信它会加载基金会两次。在我看来,就像你正在按照它的意图一样使用回流调用,尽管你在第一次基础()调用之后必须这样做是很奇怪的。

2)要在每次点击链接时制定一个功能,你可以这样做:

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

您可以通过修改$(&#39; a&#39;)选择器将其应用于按钮或特定类别的链接或按钮。

这个答案假设正在使用jQuery,我收集的是来自您的$(文档)调用。

答案 1 :(得分:1)

$(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>