如何在客户端单击按钮时选择不同的传单js文件



我的host/public/js文件夹中有几个js文件。在我的 html 中,我有一个包含多个链接的列表,代表 js 文件。

我试图实现的是,当单击链接时(例如 <a href="">file1.js</a> ( file1.js(在我的 HTML 文件中<head> <script src="/js/file1.js" type="text/javascript"></script> </head>引用(应该用于显示使用传单(交互式地图的 JavaScript 库(创建的地图。

有没有办法使用PHP,Javascript,twig或jquery创建这个"javascript文件选择"工具?

您可能以错误的方式解决问题。

基本上,您要做的是在单击此页面上的某些内容时更改页面的状态。为此,您需要从服务器中获取一些内容。

我认为你应该考虑这一点:

你只有一个可以调用应用程序的 javascript 文件.js它与脚本元素一起加载。在这个文件中,你将拥有所有的javascript代码。

当点击发生时,您的代码将执行一个异步请求,以从您的服务器获取数据并相应地更改您的页面。

示例(使用 jQuery(:

    $.ajax({
            url: url,
            jsonp: false,
            dataType: "json"
        }).done(function(data){
            processJSON(data);
        });

完整示例如下:http://franceimage.github.io/map/

当您单击左侧边栏的 1rst 图标时,您可以选择一组不同的点。然后,它从服务器(/map/data(获取数据并更改地图的外观。

这是你需要的吗?

我以错误的方式解决了我的问题。解决方案是 https://api.jquery.com/jQuery.getScript/。

我从服务器异步获取我的 js 脚本。容器(渲染地图的位置(使用 document.getElementById('id_map_container').innerHTML = "<div id='map'></div>"; 重新加载(请参阅刷新传单地图:地图容器已初始化(

在上面的例子中,只有一个传单,数据(黄色点(被获取并显示在基础图上。

就我而言,我有很多必须请求的js文件。所以解是jQuery.getScript( url [, success ] )的,其实是简写的,相当于

$.ajax({
  url: url,
  dataType: "script",
  success: success
});

最新更新