2012-01-15 30 views
2

我正在測試jquery.mobile腳本並能夠使用WebView運行HTML5內容。WebView無法訪問資產中的我的jQuery腳本

它似乎無法找到我的jQuery的文件,但我已經把他們相應以下路徑中:

項目>資產> WWW> jQuery的

在我的HTML文件位於:

項目>資產> WWW> index.html的

我的HTML看起來像這樣:

<!DOCTYPE html> 
<html> 
<head> 
<link rel="stylesheet" href="file:///android_asset/www/jquery/jquery.mobile-1.0.min.css" /> 
<script src="file:///android_asset/www/jquery/jquery-1.6.4.min.js"></script> 
<script src="file:///android_asset/www/jquery/jquery.mobile-1.0.min.js"></script> 

<style type="text/css"> 
#floatMe 
{ 
    float: right; 
} 
</style> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#btnHello').click(function() { 
      var name = $('#txtName').val(); 
      alert(name); 
     }); 
    }); 
</script> 
</head> 
<body> 
<div id="floatMe"> 
What's your name? 
<input id="txtName" value="" /> 
<button id="btnHello">say hello</button> 
</div> 
</body> 
</html> 

錯誤不斷提示我:

的ReferenceError:找不到變量:在jQuery的文件:///android_asset/www/index.html 的ReferenceError:找不到變量:$在file:/// android_asset/www/index.html

+0

粘貼頁面加載代碼。你是通過URL加載還是通過將HTML作爲字符串提供給WebView? – 2012-01-15 04:15:53

+0

webView.getSettings()。setJavaScriptEnabled(true); webView.setWebChromeClient(new WebChromeClient()); webView.getSettings()。setDomStorageEnabled(true); webView.loadUrl(「file:///android_asset/www/index.html」); – 2012-01-15 04:22:07

+0

@Seva,我的回答有幫助嗎? – 2012-01-15 04:29:25

回答

1

您是否嘗試過使用相對於HTML頁面的路徑?

<script src="jquery/jquery-1.6.4.min.js"></script> 

這就是你如何從一個頁面的PhoneGap項目,因爲它在運行網頁視圖也應該是類似中引用的腳本。

+0

已經做了,沒有工作。 – 2012-01-15 04:19:13