如何合并两个脚本并同时触发它们？答案

【问题标题】：How to merge two scripts and trigger them both at once?如何合并两个脚本并同时触发它们？
【发布时间】：2015-01-08 20:05:48
【问题描述】：

我可能是第一次从头开始编写网站，但我被困在 javascript 中。我的想法是通过单击触发链接，该链接将同时运行两个 javascript。情况如下：

点击链接：

<li><p class="button"><a href="video_iframe.html" target="iframe">VIDEO</a></p></li>

iframe 作为目标：

<li><iframe width="800px" height="1000px" frameBorder="0" name="iframe"></iframe></li>

js 1：

<script>
$('.button').click(function () {
$(this).toggleClass('active');
if ($(this).hasClass('active')) {
    $('#zelena').stop().animate({
        left: 151
    });
} else {
    $('#zelena').stop().animate({
        left: -649
    });
}
});
</script>

js 2：

<script>
$(".button").on("click", function() {
$(this).toggleClass("underline");
$(".button").not(this).removeClass("underline");

}); 
</script>

这里我上传了整个网站：http://www.filedropper.com/mgwebslidefinaliframe

（问题是我必须在“视频”链接/按钮上单击 2 次才能显示 iframe 内容，这就是问题所在，因为在第二次单击时它应该像现在一样关闭。所以由于不需要第二次点击，我们看不到 iframe 内容... 提前感谢您的帮助。

【问题讨论】：

设置一个 q，或者一个 defer/promise，或者直接调用第一个函数底部的下一个函数。
你基本上是想一键触发两个功能吧？？
是的，我就是不知道怎么合并两个函数一键执行，我还真不懂js……
我不太明白你在第二个函数中要做什么，但看起来只是切换下划线类？如果你能解释一下那个脚本的用途也许我可以帮助你
为什么不能在第一个函数的末尾触发第二个函数？

标签： javascript jquery html merge

【解决方案1】：

$('.button').on('click', function () {
    $(this).toggleClass('active underline');
    $(".button.underline").not(this).removeClass("underline");
    if($(this).hasClass('active')) {
        $('#zelena').stop().animate({
            left: 151
        });
    } else {
        $('#zelena').stop().animate({
            left: -649
        });
    }
});

【讨论】：

对不起，我试过了，我遇到了同样的问题，所以很抱歉我错误地估计了导致问题的原因。问题出在其他地方，我不知道在哪里......我试图在上面描述它......

【解决方案2】：

您已添加对按钮的引用。只需将以下属性添加到您的 iframe 标记：src="video_iframe.html" 并删除添加到按钮的 a 标记。我认为这应该可以解决您的问题。

【讨论】：

是的，这是可行的，谢谢 :) 但在那之后我可以更改 html 的来源吗？我的意思是我想在一个 iframe 上有多个 src="....._iframe.html"，这可能吗？
你一定可以做到的。
只需在单个按钮单击时更改 iframe 的 src 属性。
可以通过单击菜单中的单个按钮自动完成吗？（点击视频时，iframe会显示video.html，点击登录时，iframe会显示login.html等？）
是的。在单击功能的按钮中执行 $('[name="iframe"]').src = "_pagelink" 。您只需要找出一种方法来传递一些参数来确定单击了哪个按钮。或者为每个按钮编写一个单独的点击功能。