如何在infoWindow中集成.js文件?

时间:2017-01-20 17:56:51

标签: javascript php jquery html animation

我已经从Github下载了一个插件,并按照说明将其安装到网页中。

当我尝试通过点击我放置在Google地图中的infoWindow中的按钮来触发jQuery动画时出现问题。

我知道我下载的代码包随着它的演示一起工作,所以我怀疑它是我用来调用该函数的方法。

这是描述home.js文件中信息窗口和按钮的代码:

var contentString = 
  '<div id="content" style="width:300px; height:400px; background-color:white; border-radius: 2px 2px 2px 2px;">' 
    + 
      '<img border="0" src="/siteImages/brickWall.jpg" style=" position:relative; top:0; width:100%; height:200px; left: 0 !important; right: 0 !important;">' 
     + 
      '<button **onclick= "loadMenu();"** style="width: 80px; height: 10px ">' + 'Full Menu' + '</button>' 
      + 
      '<div id="infoMain" style="position: absolute; overflow: hidden; overflow-y: scroll; text-align: justify; width:400px; height: 66vh">'  
        +  
         '<h1>' + 'Here is The Heading' + '</h1>' 
        + 
         '<p>' + 'Randomness is the lack of pattern or predictability in events.' + '</p>' 
    + '</div>' 

  + '</div>'; 

[1]事件,符号或步骤的随机序列没有顺序,也没有遵循可理解的模式或组合。根据定义,个别随机事件是不可预测的,但在许多情况下,大量事件(或“试验”)的不同结果的频率是可预测的。例如,当投掷两个骰子时,任何特定掷骰的结果都是不可预测的,但是7的总和将发生两倍的频率。在这个视图中,随机性是结果的不确定性的度量,而不是偶然性,并且适用机会,概率和信息熵的概念。

var var_infowindow = new google.maps.InfoWindow({
  content: contentString,
   styles: [
             {

             }
           ]
      });

    google.maps.event.addListener(marker3, 'click', function() {
        var_infowindow.open(map,marker3);
    }); 

这就是我从jquery-square_menu.js脚本调用动画的方式:

function loadMenu() {

  $.getScript("my_lovely_script.js", function(){

      alert("Script loaded but not necessarily executed.");

   });
}

还有一个jquery-square_menu.min.js,我不太确定它是如何适应的。

当我运行代码并按下按钮时没有任何反应,当我单击控制台打开的按钮时,我收到错误找不到变量:$

对此的任何帮助都会受到赞赏,我对编程很新,并且已经坚持了几天。

1 个答案:

答案 0 :(得分:0)

can't find variable: $通常意味着没有定义jQuery。你有jquery