2012-10-10 44 views
2

我正在jsfiddle上工作,並選擇使用的框架是'onload,jquery 1.8.2'。如何在基於jQuery的jsfiddle中使用JavaScript?

我也呼籲在以下資源:

  • jquery.multipage.js
  • jquery.validate.min.js

這兩個腳本,以及HTML和css在jsfiddle中定義,正在輸出預期的結果。

我也在嘗試添加一些純粹的javascript來實現一些onfocus和onblur效果。

我的問題是:

上述環境下,如何將下面的JavaScript添加到的jsfiddle:

<script type="text/javascript"> 
function clearText(field){ 
if (field.defaultValue == field.value) field.value = ''; 
else if (field.value == '') field.value = field.defaultValue; 
} 
</script> 

在其當前狀態的jsfiddle是在這裏:

http://jsfiddle.net/eJKQn/139/

謝謝。

+0

jQuery _is_ JavaScript。沒有區別。這就像問你是否可以在WordPress主題中使用PHP一樣。 – powerbuoy

+0

+1幫助提高新用戶評分:) – vol7ron

回答

1
window.clearText = function(field){ 
    if (field.defaultValue == field.value) field.value = ''; 
    else if (field.value == '') field.value = field.defaultValue; 
}; 

時要採取的窗口對象是你真正全球命名空間,您可以參考定義變量和函數瓦特/其他機箱。使用上面的,注意唯一改變的是最後一行和分號。

+0

非常感謝你,這工作完美!更新jsfiddle:http://jsfiddle.net/eJKQn/141/ – user1063287

0

我不認爲它在哪裏或如何添加純Javascript的問題。如果你需要做到這一點(主要是在自己的應用程序),獨立的jQuery和Javascript像

// pure Javascript 
function clearText(field){ 
    if (field.defaultValue == field.value) field.value = ''; 
    else if (field.value == '') field.value = field.defaultValue; 
} 

// jQuery 
$(function() { 
    // all your jQuery scripts 
}); 
0

使用這個腳本「不包(頭)」然後手動onload事件寫入或jQuery的準備職能

0

裏面Script標籤您可以自由使用jQuery的都和Javascript一起

主要有兩種規則,據我所知

  1. 任何內部的document.ready將成爲p rivate。所以,範圍將是有限的
  2. jQuery對象是javascript普通對象的包裝。所以,很少照顧有混合的JavaScript和jQuery
相關問題