javascript - 在 <a 标签点击的 div 中加载 javascript-6ren

javascript - 在

转载作者：太空宇宙更新时间：2023-11-04 09:34:10

我正在练习 java 脚本，

我的页面中有 3 个“a”标签和一个 div。我想在每次“a”点击时在 div 中加载不同的 java 脚本文件(用于加载谷歌地图)，这是我的 html 页面

<body>
<li><a href="#" >india</a></li>
<li><a href="#" >bangladesh</a></li>
<li><a href="#" >UAE</a></li>


<div id="loader"></div>

如何在不刷新页面的情况下在每次“a”点击时加载不同的 javascript

最佳答案

你好尝试下面的代码希望你正在寻找这个

    jQuery(document).ready(function() {
    jQuery(document).on("click", ".button", function(e) {
    e.preventDefault();
    var latLng = jQuery(this).attr("data-latLng");          
    initialize(latLng);
    });

    function initialize(latLng) {
    latLng = latLng.split(",")
    var mapOptions = {
        center: new google.maps.LatLng(latLng[0],latLng[1]),
        zoom: 8
     };
    var map = new google.maps.Map(document.getElementById("map- 
    canvas"),  mapOptions);
     }
     });

和html

<a href="#" class="button" data-latLng="20.593684,78.962880">India</a>
<a href="#" class="button" data-latLng="23.684994,   
90.356331">Bangladesh</a>
<a href="#" class="button" data-latLng="23.424076,53.847818">UAE</a>