Javascript 如何在“；onclick”；事件

我试图加载谷歌地图上的标签点击，以缩短页面加载。我在控制台中没有收到任何错误。只需清空div

，这时应该是这样的：

。脚本似乎不是在单击时执行的

我做错了什么？我需要提到的是，我还在学习

以下是映射脚本的工作方式： map.php

<?php
define( '_JEXEC', 1 );
define( 'JPATH_BASE', realpath(dirname(__FILE__).'/../../../..' ));
define( 'DS', DIRECTORY_SEPARATOR );
require_once ( JPATH_BASE .DS.'includes'.DS.'defines.php' );
require_once ( JPATH_BASE .DS.'includes'.DS.'framework.php' );

$mainframe = JFactory::getApplication('site');

jimport( 'joomla.application.module.helper' );
$module = JModuleHelper::getModule('mod_module');
$moduleParams = new JRegistry();
$moduleParams->loadString($module->params);
?>
<div class="gmap" data-address="" data-lang="auto" data-width="350px" data-height="150px" data-zoom="12" data-bubble="false" data-pin-size="1" data-output="iframe"></div>

初试 第二次尝试 我也试过这种方法，但没有效果：

jQuery(document).ready(function($) {
    $(".tab").click(function() {
        $.getScript(window.location.origin + "/jquery.googlemap.js", function() {
            $.ajax({
                type: "GET",
                cache: false,
                url: '/map.php',
                success: function(data) {
                    $('.div-inner').html(data);
                }
            });
        });
    });
});

---

我找到了解决办法。谢谢

jQuery(document).ready(function($) {
  $(".tab").one('click', function() {
    $(".div-inner").append('<div class="gmap" data-address="New York"></div>');
    $.getScript(window.location.origin + '/jquery.googlemap.js', function() {
      $('.gmap').googleMaps();
    });
  });

jQuery（文档）.ready（函数（$）{
$（“.tab”）.one（'click'，function（）{
$（“.div内部”）.append（“”）；
$.getScript（window.location.origin+/jquery.googlemap.js'，function（）{
$（'.gmap'）.googleMaps（）；
});
});

在脚本之后加载html，因此它引用的元素在脚本运行时不存在。从php获取映射后，需要调用

$（'.gmap'）.googleMaps（）；

。

jQuery(document).ready(function($) {
    $(".tab").click(function() {
        $.getScript(window.location.origin + "/jquery.googlemap.js", function() {
            $.ajax({
                type: "GET",
                cache: false,
                url: '/map.php',
                success: function(data) {
                    $('.div-inner').html(data);
                }
            });
        });
    });
});

jQuery(document).ready(function($) {
  $(".tab").one('click', function() {
    $(".div-inner").append('<div class="gmap" data-address="New York"></div>');
    $.getScript(window.location.origin + '/jquery.googlemap.js', function() {
      $('.gmap').googleMaps();
    });
  });