dynamic 相关问题

我有以下jsfiddle https://jsfiddle.net/3qge41b0/ $('#myP').click(function() { 获取地图(); }); 函数 GetMap() { var text = ' 我有以下jsfiddle https://jsfiddle.net/3qge41b0/ $('#myP').click(function() { GetMap(); }); function GetMap() { var text = '<html lang="en"> <head> <link rel="stylesheet" href="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.3.0/css/ol.css" type="text/css"> <style> .map { height: 400px; width: 100%; } </style> <script src="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.3.0/build/ol.js" asynchronous=false defer=true id="oljs" onload="LoadMap"></script' + '> <title>OpenLayers example</title> </head> <body> <h2>My Map</h2> <div id="map" class="map"></div> <script type="text/javascript" defer=true> function LoadMap() { var map = new ol.Map({ target: "map", layers: [new ol.layer.Tile({ source: new ol.source.OSM() }) ], view: new ol.View({ center: ol.proj.fromLonLat([37.41, 8.82]), zoom: 10}) }); console.log(map) }; $(function() { LoadMap() });</script' + '> </body></html>'; $("#myDIV").html(text); } $('#myP2').click(function() { GetMap2(); }); function GetMap2() { var text = '<html lang="en"> <head> <link rel="stylesheet" href="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.3.0/css/ol.css" type="text/css"> <style> .map { height: 400px; width: 100%; } </style> <script src="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.3.0/build/ol.js" asynchronous=false defer=true id="oljs" onload="LoadMap"></script' + '> <title>OpenLayers example</title> </head> <body> <h2>My Map</h2> <div id="map" class="map"></div> <script type="text/javascript" defer=true> function LoadMap() { var map = new ol.Map({ target: "map", layers: [new ol.layer.Tile({ source: new ol.source.OSM() }) ], view: new ol.View({ center: ol.proj.fromLonLat([37.41, 8.82]), zoom: 10}) }); console.log(map) }; setTimeout( function() { LoadMap() }, 10);</script' + '> </body></html>'; $("#myDIV").html(text); } <!DOCTYPE html> <html> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> </head> <body> <h1>My Web Page</h1> <button id="myP">Click me.</button> <button id="myP2">Or Click me.</button> <div id="myDIV" style="width=100%;height=100%">This is a div element.</div> </body> </html> $('#myP').click(function() { GetMap(); }); function GetMap() { var text = '<html lang="en"> <head> <link rel="stylesheet" href="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.3.0/css/ol.css" type="text/css"> <style> .map { height: 400px; width: 100%; } </style> <script src="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.3.0/build/ol.js" asynchronous=false defer=true id="oljs" onload="LoadMap"></script'+'> <title>OpenLayers example</title> </head> <body> <h2>My Map</h2> <div id="map" class="map"></div> <script type="text/javascript" defer=true> function LoadMap() { var map = new ol.Map({ target: "map", layers: [new ol.layer.Tile({ source: new ol.source.OSM() }) ], view: new ol.View({ center: ol.proj.fromLonLat([37.41, 8.82]), zoom: 10}) }); console.log(map) }; $(function() { LoadMap() });</script'+'> </body></html>'; $("#myDIV").html(text); } $('#myP2').click(function() { GetMap2(); }); function GetMap2() { var text = '<html lang="en"> <head> <link rel="stylesheet" href="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.3.0/css/ol.css" type="text/css"> <style> .map { height: 400px; width: 100%; } </style> <script src="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.3.0/build/ol.js" asynchronous=false defer=true id="oljs" onload="LoadMap"></script'+'> <title>OpenLayers example</title> </head> <body> <h2>My Map</h2> <div id="map" class="map"></div> <script type="text/javascript" defer=true> function LoadMap() { var map = new ol.Map({ target: "map", layers: [new ol.layer.Tile({ source: new ol.source.OSM() }) ], view: new ol.View({ center: ol.proj.fromLonLat([37.41, 8.82]), zoom: 10}) }); console.log(map) }; setTimeout( function() { LoadMap() }, 10);</script'+'> </body></html>'; $("#myDIV").html(text); } 如您所见，它只是一个使用 HTML 字符串动态加载的 div。问题是，第一个按钮最终出现错误，因为 ol.js 库似乎未加载。如果我设置超时，它就会起作用（GetMap2）。另外，如果您第二次按下第一个按钮。但我发现这只是一种解决方法，而不是解决方案。如果连接速度慢并且库加载时间超过 100 毫秒怎么办？是否可以在库加载时获取事件？我尝试了很多不同的方法来附加或添加 html 字符串。什么都没起作用。 ol.js 上的就绪或加载事件未正确触发。有人知道如何解决这个问题吗？使用jquery，您可以使用getScript来确保脚本完全加载。 $.getScript("https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.3.0/build/ol.js", function(){ LoadMap(); }); https://api.jquery.com/jQuery.getScript/ 示例：https://jsfiddle.net/usc23yt6/#&togetherjs=9NyczI3xx7

javascript jquery dynamic

回答 1 投票 0

如何转义变量中的字符以在正则表达式模式中使用？ [重复]

我正在尝试匹配以下内容： rawurl =“http://www.example.com/page/etc/” URL 本身是一个动态变量，可以包含所有类型（查询字符串等）。有没有逃生的办法

php regex dynamic escaping preg-match

回答 1 投票 0

如何在postgresql动态SQL中引用变量？

我正在尝试编写一个可用于任何表的表更新插入的 PostgreSQL 函数。我的出发点取自特定表类型的具体函数：创建表 doodad(id BI...

sql postgresql dynamic upsert

回答 1 投票 0

动态普通事件捕获：这段代码有什么问题

为什么这段代码不起作用？从理论上讲，它似乎是这样做的……但事实并非如此。让 hafigli_liv2 =appendix_wrap.querySelectorAll('ul.ul-submenu'); hafigli_liv2.forEach(ul_li_liv2 => { ul_li_liv2.