如何从javascript为按钮onclick选项制作功能答案

【问题标题】：How to make a function for button onclick option from javascript如何从javascript为按钮onclick选项制作功能
【发布时间】：2015-07-21 17:41:16
【问题描述】：

这是用于 ajax html 弹出窗口的 javascript

<script type="text/javascript">
$(document).ready(function() {

    $('.ajax-popup-link').magnificPopup({
        type: 'ajax',
        overflowY: 'scroll',
        closeOnContentClick: false
    });

});</script>

这是按钮代码

<input id="btn" type="button" value="click" onclick="myFunction();"/>

我有一个弹出 html 文件名 test.html，我需要在单击按钮时将其打开为弹出窗口

【问题讨论】：

myFunction() 是什么？
我需要创建一个函数 myfunction() 只是一个参考名称
将你的 ajax 代码绑定到 myFunction() 像：function myFunction(){ // 你的代码 }

标签： javascript html ajax button popup

【解决方案1】：

将您的 ajax 代码绑定到 myFunction()，例如：

function myFunction(){ 
// your code 
$('.ajax-popup-link').magnificPopup({
    type: 'ajax',
    overflowY: 'scroll',
    closeOnContentClick: false

});
}

或从 html 输入中删除 onclick 并将其添加到您的脚本中

$( "#btn" ).click(function() {
 $('.ajax-popup-link').magnificPopup({
    type: 'ajax',
    overflowY: 'scroll',
    closeOnContentClick: false
});
});

【讨论】：

【解决方案2】：

更好的是：

<input id="btn" type="button" value="click" />

function myFunction() {
  $('.ajax-popup-link').magnificPopup({
    type: 'ajax',
    overflowY: 'scroll',
    closeOnContentClick: false
  });
}

$(document).ready(function() {
  $("#btn").click(myFunction);
});

现在您不必使用 JavaScript 来“弄乱”您的 HTML。

【讨论】：

那么我将如何使用按钮打开弹出窗口
现在，当你点击按钮时，myFunction 会被执行。