Php 此JavaScript函数单独工作，但不能与其他JavaScript函数一起工作

我有一个javascript：

<script type="text/javascript">
$(document).ready(function($) {
        $('#target-share ul li').click(function() {
            $('input#shareto').val($(this).data('val'));
        });
    });
</script>

$（文档）.ready（函数（$）{
$（“#目标共享ul li”）。单击（函数（）{
$（'input#shareto'）.val（$（this.data（'val'））；
});
});

它真的像我预期的那样工作。但当我添加另一个javascript来制作下拉动画时，该javascript不再工作：

<script type="text/javascript">
$(document).ready(function() {
    $("#select-shareto a").click(function () {
        var newClass = $(this).find("span").attr('class');
        var newText = $(this).find("span").text();
        $("#select-shareto a").removeClass("selected");
        $(this).addClass("selected");
        $("a#to-chosen span").removeClass().addClass(newClass).text(newText);
        $("a#to-chosen").toggleClass("opened");
        $('#select-shareto').slideToggle('fast');
        return false;
    });

    $('a#to-chosen').click(function() {
        $(this).toggleClass("opened");
        $('#select-shareto').slideToggle('fast', function() {
            // Animation complete.
        });
    });
});
</script>

$（文档）.ready（函数（）{
$（“#选择共享到a”）。单击（函数（）{
var newClass=$（this.find（“span”）.attr（“class”）；
var newText=$（this.find（“span”）.text（）；
$（“#选择ShareToA”）.removeClass（“选择”）；
$（此）.addClass（“选定”）；
$（“a#to selected span”）.removeClass（）.addClass（newClass）.text（newText）；
$（“a#to selected”）.toggleClass（“opened”）；
$（“#选择shareto”）。滑动切换（“快速”）；
返回false；
});
$（'a#to selected'）。单击（函数（）{
$（此）.toggleClass（“打开”）；
$（'#选择shareto'）。滑动切换（'fast'，function（）{
//动画完成。
});
});
});

这些javascript实际上影响了此HTML代码：

<div id="target-share">
<a href="#" title="" id="to-chosen" class="default"><span class="to-admin">Admin</span></a>
<ul id="select-shareto">
<li data-val="0-1">
<a href="#" title="" class="selected"><span class="to-Finance">Finance</span></a>
</li>
<li data-val="1-1">
<a href="#" title=""><span class="to-admin-private">Admin Private</span></a>
</li>
<li data-val="1-0">
<a href="#" title=""><span class="to-ceo">CEO</span></a>
</li>
<li data-val="0-0">
<a href="#" title=""><span class="to-ceo-private">CEO Private</span></a>
</li>                                    
</ul>
<input id="shareto" type="text" value="0-1" name="shareto">
</div><!-- #target-share -->

---

你知道如何让这两个javascript并行工作吗？谢谢。

我假设您尝试在注释动画完成的地方插入代码，如果是这样，您只需要输入代码：

$（'#目标共享ul li'）。单击（function（）{$（'input#shareto'）.val（$（this）.data（'val'）；}）

您的代码已包装在
$（文档）中。准备就绪
，因此不需要另一个

$("#select-shareto a").click(function () {
    ...
    return false;
});

因此，您停止此事件的进一步传播-不再调用此
click
事件的其他处理程序。相反，请使用以下命令：

$("#select-shareto a").click(function (e) {
    e.preventDefault();
    ...
});

（）
他们一个人工作，他们更喜欢一个人。Javascript控制台中有什么东西吗？也许您将大括号放错了位置，为什么要在第一个函数中将“$”作为参数传递给“ready”事件？好了，现在认真点。你有没有试过把它放在一个现成的功能块里？@kakridge:没关系@Estefano：这是确保
$
真正指向
jQuery
的常用技术，尤其是与
noConflicts（）
一起使用时，它可以工作！！！谢谢兄弟！！！我必须再等3分钟才能切换你的答案。。。干得好，兄弟！！再次感谢。。。