Question

我试图在用户点击它时添加弹出窗口。除了调整窗口大小外，以下代码中的一切正常。我感谢任何帮助或意见。首先，在您的子主题文件夹中创建另一个名为js的文件夹（除非您的主题已经有一个js文件夹）并在该文件夹中创建一个名为popup.js的新文件将以下内容粘贴到该文件中：

WHERE

其次，在您的孩子主题的functions.php中添加以下内容：

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;
    });
});

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

//* 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');

请帮忙

Answer 1

您只需添加可调整大小的选项即可。只需更改此行：

var NWin = window.open($(this).prop('href'), '', 'scrollbars=1,height=400,width=400');

到此：

    var NWin = window.open($(this).prop('href'), '', 'scrollbars=1,height=400,width=400,resizable=1');

在wordpress中添加弹出窗口（add_records.php）

1 个答案: