Question

我正在使用BuddyPress。我终于想出了如何通过jQuery切换登录框。不幸的是，调用Google托管的jQuery库会导致与BuddyPress特色的图像裁剪器发生冲突。我整天都在寻找解决这个问题的方法。没有骰子。

如果我删除了第一行（引用googleapis.com的那一行），我的图像裁剪工具就可以了，但是这使我无法切换我的登录框......

我试着修改我的bp-functions文件而没有任何运气。

我尝试使用在线找到的各种“答案”来解决问题，包括：wp_enqueue和其他人。这太令人沮丧了。请帮我！

 <?php wp_head(); ?>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".l1").click(function(){
$("#login-panel").toggle();
$("input[type='text']:first", document.forms[0]).focus();
});
});
</script>

Answer 1

我在同一个剧本中遇到了类似的问题。

我看到你找到了解决方案，但它对我不起作用。我发现了另一个，并决定发布有这个问题的人。这是一种解决方法，仅适用于登录框，但有效：）

由于这是一个登录框 - 它仅用于未登录的用户，因此我们将仅为他们加载此特定脚本。

以下是代码：

if (!is_user_logged_in()) {
    $dir_uri = get_stylesheet_directory_uri();
    echo '<link rel="stylesheet" href="'.$dir_uri.'/css/style-login.css" /> ';
    echo '<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2"></script>'; }

希望这有助于某人：）

Answer 2

问题解决了！

最终代码：

 <?php wp_get_archives('type=monthly&format=link'); ?>
 <?php
 wp_deregister_script('jquery');
 wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js', false, '1.5.0');
 wp_enqueue_script('jquery');
 ?>

<?php wp_head(); ?>

<script type="text/javascript">
$(document).ready(function(){
$(".l1").click(function(){
$("#login-panel").toggle();
$("input[type='text']:first", document.forms[0]).focus();
});
});
</script>

 </head>

这允许我删除这行代码：

 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>

现在我可以免费运行这两个脚本了。我的登录div切换，我可以裁剪图像。

BuddyPress jQuery（谷歌托管库）与图像裁剪冲突

2 个答案: