Question

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

如果我为jplist插件删除了一些jquery，则onclick方法可以在google地图上运行，但是只要我将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: {}
                        }
                    }
                });
            });

理查德

Answer 1

我经常看到的模式是你的脚本覆盖了一个变量。

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

你可以为jQuery添加插件，然后你会看到jqURI插件的$ .jqURI。

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

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

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

Answer 2

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

javascript问题可能发生冲突

2 个答案: