2017-04-14 115 views
0

我在lib文件夹中的jquery-1.9.1.jar文件,但是当我取源这样jQuery是不是在Eclipse的霓虹灯

<script src="WebContent/WEB-INF/lib/jquery-1.9.1.jar" type="text/javascript"></script> 

<script> 
$("button").click(function() { 
    $("p").toggle(); 
}); 
</script> 
<button>Toggle</button> 
<p>Hello</p> 
<p style="display: none">Good Bye</p> 

它不工作上面的代码没有任何的jQuery文件追加失踪to eclipse neon

文件结构:

+0

可以添加你的文件结构的屏幕截图 – selvarajmas

+0

@selvarajmas,我编辑我的截图 –

+0

我不知道怎么加的jQuery文件日食可以请你告诉我哪种方式我加入日食我需要做我的应用程序在jQuery谢谢 –

回答

0

这里是例子。您可以使用“googleapis”或“CDN”来导入jquery。

googleapis:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script> 
<script> 
$("button").click(function() { 
    $("p").toggle(); 
}); 
</script> 
<button>Toggle</button> 
<p>Hello</p> 
<p style="display: none">Good Bye</p> 

CDN:

<script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js" type="text/javascript"></script> 
<script> 
$("button").click(function() { 
    $("p").toggle(); 
}); 
</script> 
<button>Toggle</button> 
<p>Hello</p> 
<p style="display: none">Good Bye</p> 
1
<html> 
<body> 
<button>Toggle</button> 
<p>Hello</p> 
<p style="display: none">Good Bye</p> 


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script> 
    <script> 
    $(document).ready(function(){ 
     $("button").click(function(){ 
      $("p").toggle(); 
     }); 
    }); 
    </script> 


</body> 
</html> 
+0

关于如何以及为什么你的答案可以工作的一点解释会很好。现在它只是一段代码。 – VDWWD

+0

,因为之前的代码由按钮id,para标签中的空白组成。因此,在使用id调用函数时,我们不需要在id之前和之后包含空格,并且必须使用文档就绪函数,即上面代码中提到的脚本。希望它会帮助你。谢谢 –

+0

@ dhruv_7700,它现在不工作 –