-1

我有一个小问题。我正在使用带有 Jquery 插件 JPList 的谷歌地图，该插件对某些结果进行了一些过滤和排序。

如果我为 jplist 插件删除了一些 jquery，则 onclick 方法适用于谷歌地图，但只要我将 jplist 代码放回地图中，点击就会停止工作。

我没有收到任何 JS 错误，而且我真的很难找到它的底部。

诊断此问题的最佳方法是什么？知道如何解决这个问题将非常有用。

任何帮助将不胜感激。

谢谢

var infowindow = new google.maps.InfoWindow();
        var myOptions = {
           zoom: 4,
           center: new google.maps.LatLng(-40.900557, 174.885971),
           mapTypeId: google.maps.MapTypeId.ROADMAP,
           disableDefaultUI: true
        };
        var icon = "img/marker.png";
        var icons = {
            'dflt': "img/marker.png",
            'selected': "img/white-marker.png"
        };
        var seletedMarker = null;
        $(function() {
            var map = new google.maps.Map(document.getElementById("map"), myOptions);
            // grab data attributes from html
            $('.row').each(function( index ){
                var rLat = $(this).data("coordinates").lat;
                var rLng = $(this).data("coordinates").lng;
                var rTitle = $(this).find('.itemtitle a').html();
                var rTel = $(this).find('.tel').html();
                var rAdd = $(this).find('.add').html();
                var contentString = '<div style="text-align:left"><h4 style="color:#0068a6;font-size:16px;margin:0px 0px 10px 0px;">' + rTitle + '</h4><strong>' + rTel + '</strong><br /><br />' + rAdd + '</div>';
                var myLatLng = new google.maps.LatLng( rLat, rLng );
                var otherMarkers = new google.maps.Marker({
                    position: myLatLng,
                    map: map,
                    icon: icons.dflt,
                    title: rTitle
                });
                // click actions
                google.maps.event.addListener(otherMarkers, 'click', (function(otherMarkers, index) {
                    return function() {
                        if (seletedMarker) {
                            seletedMarker.setIcon(icons.dflt); //revert seletedMarker's icon to .dflt
                        }
                        infowindow.setContent( contentString );
                        otherMarkers.setIcon(icons.selected); //Set marker's icon to .seleted
                        infowindow.open( map, otherMarkers );
                        seletedMarker = otherMarkers; //Remember the currently selected marker so it can be reverted to default next time round.
                    }
                })(otherMarkers, index));
                **/* this is what doesnt work */**
                $(this).click(function(){
                    google.maps.event.trigger( otherMarkers ,'click')
                });     
            });
**/* this is what stops it working */**
                $('#dynamiclist').jplist({
                    items_box: '.results',
                    item_path: '.row',
                    panel_path: '.panel',
                    items_per_page: '4000',
                    //checkbox filters
                    control_types: {
                        'cb_filters': {
                            class_name: 'control_checkbox_filters'
                            ,options: {}
                        },
                        'reset': {
                            class_name: 'control_reset'
                            ,options: {}
                        }
                    }
                });
            });

理查德

4

2 回答 2

0

你不能只为这个脚本禁用 jQuery 吗？任何地方都不需要它。

于 2013-03-05T22:00:16.000 回答
0

我经常看到的一种模式是一个变量被您的脚本覆盖。

例如，如果您加载 jQuery，则设置 $

您可以将插件添加到 jQuery，然后您将看到 jqURI 插件的 $.jqURI。

但是如果你加载一个已经有 jQuery 插件的 jQuery 脚本，它可能会完全重置 $ 变量或嵌套的属性和方法。

我将在 DOM 选项卡中检查 Firebug，以查看您拥有的所有脚本组合中存在哪些属性（因此，如果您有脚本 A 和 B，我将单独检查 A，单独检查 B，然后检查 A+B）。

在涉及 jQuery 的情况下，请查看 jQuery 文档中的 jQuery.noConflict。

于 2013-03-05T20:38:45.853 回答