WebView无法访问资产中的jquery脚本

时间:2012-01-15 03:57:05

标签: android html5 jquery-mobile android-webview

我正在测试jquery.mobile脚本,并且能够使用WebView运行HTML5内容。

它似乎无法找到我的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 at file:///android_asset/www/index.html ReferenceError:无法找到变量:$ at file:///android_asset/www/index.html

1 个答案:

答案 0 :(得分:1)

您是否尝试过使用相对于HTML页面的路径?

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

这就是你如何从PhoneGap项目中的页面引用脚本,因为它也在WebView中运行,所以它应该是类似的。