Fancybox与自动完成

时间:2012-10-11 01:51:54

标签: jquery autocomplete fancybox jquery-autocomplete

我正在尝试在同一页面添加自动完成功能和fancybox:

<?php //automcomplete // ?>

    <script src="scripts/jquery-1.8.2.js"></script>
    <script src="scripts/ui/jquery.ui.core.js"></script>
    <script src="scripts/ui/jquery.ui.widget.js"></script>
    <script src="scripts/ui/jquery.ui.position.js"></script>
    <script src="scripts/ui/jquery.ui.autocomplete.js"></script>
    <link rel="stylesheet" href="css/demos.css">

<?php //fancybox //?>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script type="text/javascript" src="scripts/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
    <script type="text/javascript" src="scripts/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
    <link rel="stylesheet" type="text/css" href="css/fancybox/jquery.fancybox-1.3.4.css" media="screen">
  <script type="text/javascript">
    /* <![CDATA[ */ 
        $(document).ready(function() { $.noConflict();
        $("#various3").fancybox({
                'width'         : '95%',
                'height'        : '95%',
                'autoScale'     : false,
                'transitionIn'      : 'none',
                'transitionOut'     : 'none',
                'type'          : 'iframe'
            })


        });
    /* ]]> */ 
    </script>

似乎存在冲突,但是noconflict对我不起作用:( 我有两个问题: 1 - 是否有任何简单的意思和简单来添加这两个功能(我发现.js很多,它可以让我的页面慢与所有这些查询?(我想除了添加滑块 - &gt;更多jquery!) 2 - 如何使fancybox与自动完成工作? 非常感谢!!

1 个答案:

答案 0 :(得分:2)

单个jQuery实例应适用于两个插件,理想情况下是最新版本,因此您可以删除此行

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