时间戳

首页 > 解决方案 > javascript:void(0) 调用函数

javascript - javascript:void(0) 调用函数

问题描述

第一次在这里发帖，希望有人能帮我找出解决我面临的问题的方法！我试图在 wordpress 中创建一个调用 ajax 函数的按钮，我使用了一个现有示例中的示例，但即使我更改了类，它仍然调用另一个函数。关于如何在使用 javascript:void(0) 时为我的新函数创建 href 的任何建议？提前致谢！

附加工作按钮：

<a data-toggle="tooltip" href="javascript:void(0);" class="btn-undo-approve-job-applied btn-action-icon approve" data-applicant_id="<?php echo esc_attr($post->ID); ?>" data-nonce="<?php echo esc_attr(wp_create_nonce( 'wp-job-board-pro-undo-approve-applied-nonce' )); ?>" title="<?php esc_html_e('Undo Approved', 'superio'); ?>"><i class="fa fa-undo"></i></a>

标签： javascriptphpwordpress

解决方案

我想这一切都取决于您的 CSS 框架，但通常您希望使用 <button></button>而不是锚标签来创建按钮。

尽管如此，href它不调用函数，它只是指向一个地址。在这种情况下javascript:void(0)，只是告诉href什么都不做。

除非你有一些疯狂的 jQuery，否则改变类应该只会改变链接/按钮的样子。这就是class无论如何（imo）的意思。

我假设您的 AJAX 调用在某处的 javascript 函数中。如果你知道它叫什么，你应该能够得到你的按钮或链接来调用它：

<button onclick="myAjaxFunction()">Do It</button>

我对 Bootstrap 不太熟悉，但是随着 Javascript 和 HTML 的发展，这基本上就是它的工作原理。

推荐阅读