Javascript jQuery easytabs和google地图冲突easytabs不工作

我有一个页面，在底部div和jqueryeasytbs中有googlemapsapi，用于显示带有div的搜索栏。但我可以同时调用它们。每次我单独打电话给easytabs时，easytabs都会停止工作，它们工作得很好。我收到的消息是$is undefined或c undefined等

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=mykey&sensor=false"></script>


     <script type="text/javascript">
         var map;
         var geocoder;
         var marker1 = null, marker2 = null;
         $(document).ready(function () {
             function initialize() {
                 geocoder = new google.maps.Geocoder();
                 var mapProp = {
                     center: new google.maps.LatLng(40, -10),
                     zoom: 3,
                     mapTypeControl: false,
                     panControl: false,
                     zoomControl: false,
                     streetViewControl: false,
                     scrollwheel: false,
                     mapTypeId: google.maps.MapTypeId.MAP
                 };
                 map = new google.maps.Map(document.getElementById("map-canvas"), mapProp);
             }
             google.maps.event.addDomListener(window, 'load', initialize);
         });
        $(document).ready(function () {
            $('#tab-container').easytabs();
        });
        $(document).ready(function () {
            $('.show_hide').click(function () {
                $(this).next('.slidingDiv').slideToggle();
                return false;
            });
        });
    </script> 


<script type="text/javascript" src="../js/jquery.easytabs.min.js"></script>

var映射；
var地理编码器；
var marker1=null，marker2=null；
$（文档）.ready（函数（）{
函数初始化（）{
geocoder=新的google.maps.geocoder（）；
var mapProp={
中心：新google.maps.LatLng（40，-10），
缩放：3，
mapTypeControl:false，
泛控制：错误，
动物控制：错误，
街景控制：错误，
滚轮：错误，
mapTypeId:google.maps.mapTypeId.MAP
};
map=new google.maps.map（document.getElementById（“地图画布”），mapProp）；
}
google.maps.event.addDomListener（窗口“加载”，初始化）；
});
$（文档）.ready（函数（）{
$（“#选项卡容器”）.easytabs（）；
});
$（文档）.ready（函数（）{
$（'.show_hide'）。单击（函数（）{
$（this.next（'.slidingDiv'）.slideToggle（）；
返回false；
});
});

任何关于两者如何共存的指针都将非常有用。 谢谢

---

仅供参考：我正在使用twitter引导程序

也许您可以这样堆叠您的脚本：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js">
</script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=mykey&sensor=false"></script>
<script type="text/javascript" src="../js/jquery.easytabs.min.js"></script>

<script type="text/javascript">
   var map;
   var geocoder;
   var marker1 = null, marker2 = null;

   function initialize() {  //<----put this in global scope
           geocoder = new google.maps.Geocoder();
           var mapProp = {
                 center: new google.maps.LatLng(40, -10),
                 zoom: 3,
                 mapTypeControl: false,
      .....and so on...
    }

         jQuery(document).ready(function ($) { //<---one doc ready will do
             google.maps.event.addDomListener(window, 'load', initialize);

            $('#tab-container').easytabs();


            $('.show_hide').click(function () {
                $(this).next('.slidingDiv').slideToggle();
                return false;
            });
        });
    </script>

var映射；
var地理编码器；
var marker1=null，marker2=null；
函数初始化（）{/
$未定义
，因为jQuery在页面中不可用，您应该按照答案中的建议引用库。是的，您当然可以使用它。我刚才演示了如何将
$
别名保存到jQuery，以避免与任何其他库冲突（如果您使用）。这仍然不起作用，我尝试了它。很抱歉，我的答复太晚了，我是busy ELSE如果您有空，请查看问题，此解决方案不起作用。