gpt4 book ai didi

wordpress - 在 WordPress 页面上加载 jqueryUI dial() 函数

转载 作者:行者123 更新时间:2023-12-02 22:53:50 24 4
gpt4 key购买 nike

我正在做我的第一次基本尝试,为 WordPress 网站制作弹出窗口 JavaScript。我正在使用 jQueryUI 的dialog() 函数。我的预期行为是页面加载时会出现弹出窗口,但这并没有发生。我正在使用 http://jqueryui.com/dialog/#default 中的基本示例

我用 jQuery 可以抓取的 div 制作了一个测试 html 页面:

<div id="dialog" title="Basic dialog">
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

我的 jQueryUI 脚本代码就是这样:

jQuery(document).ready(function() {

$( "#dialog" ).dialog();

});

我已将此脚本保存到文件 popup.js

然后,我使用以下代码将脚本排入队列,效果很好,因为我可以在网页的 HTML 源代码中看到该脚本:

function my_popup_script() {
wp_enqueue_script(
'my-popup-script',
get_stylesheet_directory_uri() . '/js/popup.js',
array( 'jquery' )
);
}

add_action( 'wp_enqueue_scripts', 'my_popup_script' );

我不确定在这个过程中我在哪里犯了错误。感谢您的帮助。

最佳答案

这只是一个jquery conflict ,试试这个:

jQuery(document).ready(function() {

jQuery( "#dialog" ).dialog();

});

如果你想使用jquery对象作为$符号,你可以使用jquery noConflict函数,只需将此行放在所有jquery代码之前:

var $ = jQuery.noConflict();

如果您希望它在点击事件时弹出,那么您可以使用:

var $ = jQuery.noConflict();
$(document).ready(function() {
$('.the_button').click(function(){
$( "#dialog" ).dialog();
});
});

关于wordpress - 在 WordPress 页面上加载 jqueryUI dial() 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29776843/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com