0

切换到店面主题后，传单地图已经消失。链接它的外观

函数.php

    add_action( 'wp_enqueue_scripts', 'enqueue_parent_theme_style' );
    function enqueue_parent_theme_style() {
        wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
        /* wp_enqueue_style( 'bootstrap', 'http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css' ); */
        wp_enqueue_style( 'leaflet.css','http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css');
    }

    function theme_scripts(){

        wp_enqueue_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js', array('jquery'), '1.12.2', false); 
        wp_enqueue_script('bootstrap-js', 'http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js', array('jquery'), false);
        wp_enqueue_script('leaflet.js', 'http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js' ,false);
        wp_enqueue_script('main.js', get_template_directory_uri(). '/js/main.js');

    }

    add_action( 'wp_enqueue_scripts', 'theme_scripts' );

Bootstrap 被评论是因为它破坏了网站视图（它变得更小）。但是没有评论地图仍然不起作用。

我添加了指向地图页面的链接。我不知道这是正确的方法。

<link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_directory_uri() ; ?>/css/bootstrap.min.css">
<script type="text/javascript" src="<?php echo get_stylesheet_directory_uri() ; ?>/js/main.js"></script>
4

2 回答 2

0

您必须具有以下 javascript 指令才能创建地图

var map = L.map('mapid').setView([latitude, longitude], zoom);

查看文档

如果你使用的是 Wordpress 插件，你应该参考它的文档

于 2016-06-21T12:12:42.450 回答
0

查看控制台会很有用：

类型错误：$ 不是函数

更改 main.js 这一行：

$( document ).ready(function() {

至

jQuery( document ).ready(function($) {
于 2016-06-21T12:18:46.290 回答