弹出wordpress jquery php中的显示形式

时间:2014-09-23 07:17:37

标签: php jquery wordpress

我有添加新记录的链接         /add_records.php">添加新

因此它在新页面中打开表单 我想在popoup的同一页面上打开该表单 那我怎么能这样做呢 表格内容在不同的文件中

1 个答案:

答案 0 :(得分:1)

在您的子主题文件夹中创建另一个名为js的文件夹(除非您的主题已有js文件夹)并在该文件夹中创建一个名为popup.js的新文件 将以下内容粘贴到该文件中:

jQuery(document).ready(function($) {
   $('.popup').click(function() {
     var NWin = window.open($(this).prop('href'), '', 'scrollbars=1,height=400,width=400');
     if (window.focus)
     {
       NWin.focus();
     }
     return false;
    });
});

在您的孩子主题的functions.php中添加以下内容:

//* Register and Enqueue scripts for popup
function cc_popup_script() {
    wp_register_script( 'popup', get_stylesheet_directory_uri() . '/js/popup.js', array( 'jquery' ), '1.0.0', false );
    wp_enqueue_script( 'popup' );
 }

add_action('wp_enqueue_scripts', 'cc_popup_script');

添加上述代码后,您现在可以在页面/帖子内容中使用此功能,方法是附上一个“弹出式”按钮。到任何想要在弹出窗口中打开的链接。例如

<a href="add_records.php?Add New" class="popup">popup example page</a>

也可以很容易地将它变成一个插件,它应该比添加到主题更整洁。