Question

切换到店面主题宣传单后，地图已经消失。链接how it looks

的functions.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>

Answer 1

您必须具有以下javascript说明才能创建地图

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

请参阅documentation

如果您使用的是Wordpress插件，请参阅其文档

Answer 2

查看控制台会很有用：

TypeError：$不是函数

更改main.js这一行：

$( document ).ready(function() {

到

jQuery( document ).ready(function($) {

传单地图不会显示在wordpress页面上

2 个答案: