jquery - jquery 与其他脚本的冲突问题

Question

您好，在我的网站上，我正在运行许多 Jquery 插件，例如 carouFredSel、nivoslider、cloud-zom 等......它们工作正常，直到我添加了这个 jquery 脚本：

<script type="text/javascript" src="jquery.lightbox_me.js" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    $(function() {
        function launch() {
             $('#sign_up').lightbox_me({centered: true, onLoad: function() { $('#sign_up').find('input:first').focus()}});
        }
        $('#try-1').click(function(e) {
            $("#sign_up").lightbox_me({centered: true, onLoad: function() {
                $("#sign_up").find("input:first").focus();
            }});
            e.preventDefault();
        });
        $('table tr:nth-child(even)').addClass('stripe');

            $(".sign_up2").lightbox_me({centered: true, onLoad: function() {
                $(".sign_up2").find("input:first").focus();
            }});
            e.preventDefault();

    });
</script>

添加此代码后，我的滑块停止工作并且图像缩放...如何使非冲突？

Answer 1

你有两个选择。要么使用jquery noconflict

http://api.jquery.com/jQuery.noConflict/

或使用限制您对 jquery 的调用范围

(function($) {
    // code here
})(jquery)

Answer 2

在我看来，e.preventDefault();您的代码中有一个孤儿。先把它清理干净。然后我们会看看你是否还有问题。