BuddyPress jQuery (谷歌托管库)与图像裁剪冲突

Question

我使用的是BuddyPress。我终于想出了如何通过jQuery切换登录框。不幸的是，调用谷歌托管的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可以切换，我可以裁剪图片。