Question

我有一系列的$（文件）.ready（function（）只能在本地工作。我不明白为什么。这是一个例子。非常感谢你的帮助。

<a href="#"><img src=images/folder_icon.png id="folder1"></a>
<div class="modal">
  <div class="modal-block">
    <span class="modal-close">X</span>
    <span class="modal-window">W</span>
    <span class="modal-trait">_</span>
    <div class="modal-header">Projects</div>
      <img src="images/folder_icon.png" class="image-folder">
      <img src="images/folder_icon.png" class="image-folder">
      <img src="images/folder_icon.png" class="image-folder">
  </div>
</div>


  $(document).ready(function(){
    $("#folder1").click(function(){
      $(".modal").show(0);
    });
    $(".modal-close").click(function(){
      $(".modal").hide(0);
    });

Answer 1

在您的JavaScript中添加/*global $*/在所有内容之上，它是将其与<script(s)>和外部链接混合的c9 IDE。

Answer 2

试试这个

(function(){
     $("#folder1").click(function(){
      $(".modal").show(0);
    });
    $(".modal-close").click(function(){
      $(".modal").hide(0);
    });
}());

或者像这样

$(document).ready(function () {
    $("#folder1").click(function () {
        $(".modal").show(0);
    });
    $(".modal-close").click(function () {
        $(".modal").hide(0);
    });
});

我的$（document）.ready（function（）在本地工作但不在Cloud9上工作

2 个答案: