0

jVectorMap のインストールについて助けが必要です。プロジェクトをご覧ください:

ここ

左下の列まで下にスクロールし、任意の国にマウスオーバーまたはクリックしてみてください。

jVectorMap を初期化するコードは次のとおりです。

$.ajax({
    type: "POST",
    url: "worldmapdata.php",
    dataType: "json",
    data: dataString,
    cache: false,
    success: function(html)
    {
        var mapData;
        mapData = html;
        $('#world-map').html('');
        $('#world-map').vectorMap({
            map: 'world_mill_en',
            backgroundColor: '#a5bfdd',
            regionsSelectable: true,
            focusOn: {
                x: 0.4,
                y: 0.3,
                scale: 2.61464672130868
            },
            regionStyle: {
                initial: {
                    fill: 'white',
                    "fill-opacity": 1,
                    stroke: 'none',
                    "stroke-width": 0,
                    "stroke-opacity": 1
                },
                hover: {
                    "fill-opacity": 0.8
                },
                selected: {
                    fill: 'yellow'
                },
                selectedHover: {
                }
            },
            series: {
                regions: [{
                    values: mapData,
                    scale: ['#C8EEFF', '#0071A4'],
                    normalizeFunction: 'polynomial'
                }]
            },
            onRegionOver: function(e, el, code){
                el.html(el.html()+' (GDP - '+mapData[code]+')');
            }
        }).trigger('create');
    }
});

この問題を解決するための正しい方向へのヒントを得ることができれば素晴らしいでしょう。

4

2 に答える 2

0

マージされた JavaScript に何か問題があるか、何かが競合を引き起こしています。HTML ファイル ( http://www.yapeople.com/Hans+Spitzer/js/g=js_on) から js インクルードを削除したところ、jVectorMap はマウス オーバーおよびクリック イベントで正常に動作しています。

jVectorMap 初期化コード (競合する js なし) を使用してjsfiddleをセットアップしても、期待どおりに動作しています。

jQuery と jVectorMap のみを使用してマージされた JS を構築し、壊れるまでライブラリ/フレームワークを追加し続けます。これにより、どのコードが競合を引き起こしているかがわかります。

于 2013-11-16T11:00:30.593 に答える
0

@Mike: ご回答ありがとうございます。問題の解決に役立ちました...それは jquery.validate.js プラグインでした。理由はわかりませんが、今のところ、マップが機能するようにこのプラグインを無効にしています。

よろしくお願いします、

イングマール

于 2013-11-16T12:06:47.143 に答える