2017-04-14 111 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,它現在不工作 –