Question

使用jQuery时遇到问题，我认为这两个脚本之间存在冲突。我不知道在哪里。

虽然我试图把它（弹出窗口脚本）

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function()  {
    $('a.popup-window').click(function()  {

        var popupBox = $(this).attr('href');
        $(popupBox).fadeIn(400);

        var popMargTop = ($(popupBox).height() + 24) / 2;
        var popMargLeft = ($(popupBox).width() + 24) / 2;

        $(popupBox).css({
            'margin-top' : -popMargTop,
            'margin-left' : -popMargLeft
        });

        $('body').append('<div id="mask"></div>');
        $('#mask').fadeIn(400);
        return false;
    });

    $('button.close, #mask').live('click', function () {

            $('#mask, .popupInfo').fadeOut(400, function () {
                    $('mask').remove();
            });
            return false;
    });

});
$(document).keyup(function(e)  {
    if (e.keyCode == 27) {
        $('#mask, .popupInfo, #popup-box').fadeOut(400);
        return false;
    }
})
</script>

我的自动调整大小textarea不起作用，自动调整文本区域的脚本是。但弹出窗口将起作用。如果我在弹出窗口中放置脚本，自动调整大小textarea将起作用。

<script src='http://usvac.bugs3.com/js/jquery.autosize.min.js'></script>
<script src='http://usvac.bugs3.com/js/jquery.autosize.js'></script>
<script>
            $(function(){
                $('.normal').autosize();
                $('.animated').autosize({append: "\n"});
            });
</script>

Answer 1

使用匿名函数包装自动调整大小textarea JQuery代码：

(function($) {
  $('.normal').autosize();
  $('.animated').autosize({append: "\n"});
})(jQuery);

你的弹出代码：

(function($) {
$('a.popup-window').click(function()  {

    ........
    ........
});

$('button.close, #mask').live('click', function () {

       .......
       .......
});


if (e.keyCode == 27) {
   .......
   .......
})(jQuery);

与我的jquery弹出窗口冲突并自动调整textarea大小

1 个答案: