JQuery funktioniert nicht auf WebView

Ich habe versucht, um JQuery-Dateien in assets/scripts und auf Internet, aber die Warnmeldung nicht angezeigt. Ich habe die log-Ausgabe und machen es output.html es funktioniert in Windows (so seltsam!).
Was ist das problem mit WebView?

public void onCreate(final Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);

    webView = (WebView) findViewById(R.id.webView);
    final String s = "<html><head>" +
    "<link href=\"css/my.css\" type=\"text/css\" rel=\"stylesheet\" />" +
    "<script src=\"scripts/jquery-1.6.2.min.js\" rel=\"stylesheet\" type=\"text/javascript\"></script>" +
    "<script src=\"https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js\" type=\"text/javascript\"></script>" +
    "<script>" +
    "$(document).ready(function(){ alert('hello'); });" +
    "</script>" +
    "</head><body><div>All I hear is raindrops." +
    "Falling on the rooftop. Oh baby tell me why you have to go. " +
    "Cause this pain I feel you won't go away. And today, " +
    "I'm officially missing you.</div></body></html>";
    webView.getSettings().setJavaScriptEnabled(true);
    Log.d("Something", s);
    webView.loadDataWithBaseURL("file:///android_asset/", s, "text/html", "utf-8", null);
}

Dies ist die log-Ausgabe nach dem hinzufügen der Erweiterung ".html -". Es funktioniert auf Firefox, aber nicht auf WebView. 🙁

<html>
<head>
<link href="css/my.css" type="text/css" rel="stylesheet" />
<script src="scripts/jquery-1.6.2.min.js" rel="stylesheet" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js" type="text/javascript"></script>
<script>$(document).ready(function(){ alert('hello'); });</script>
</head>
<body>
    <div>
    All I hear is raindrops.Falling on the rooftop. Oh baby tell me why you have to go. Cause this pain I feel you won't go away. And today, I'm officially missing you.
    </div>
</body>
</html>

InformationsquelleAutor der Frage Emerald Hieu | 2011-07-19

7
```
webView.loadDataWithBaseURL("file:///android_asset/", s, "text/html", "utf-8", null);
```
sich ändern, um
```
webView.loadDataWithBaseURL(getAssets(), s, "text/html", "utf-8", null);
```
bekommen asset-Datei, Sie benötigen Zugriff auf app-asset-Pfad. Eine app ist ein Benutzer auf Android, so kann der Zugriffspfad beginnt mit "file://" - Verzeichnis.

InformationsquelleAutor der Antwort wktk
2

Müssen Sie die jquery.js Datei in deinen assets/scripts-Ordner für diese zu arbeiten.

scripts/jquery-1.6.2.min.js

Funktionieren sollte.

InformationsquelleAutor der Antwort Kumar Bibek
2

Wie bereits erwähnt auf Android WebView nicht geladen jQuery:

Wo ist dein scripts/jquery-1.6.2.min.js script liegt? Wenn Sie sich in Ihrer "assets", dann sollten Sie initialisieren die webView gibt es die "assets" als baseUrl:
```
webView.loadDataWithBaseURL("file:///android_asset/", data, "text/html", "UTF-8", null);
```
oder
```
webView.loadUrl("file:///android_asset/file.html");
```
Könnten Sie versuchen, zu erstellen eine einfache .js-Datei mit einer einfachen Funktion wie
```
function dummy(document) { document.write("Hooray it works"); }
```
und versuchen, auf die dummy - Funktion in html zu testen, ob die .js-Datei enthalten ist.

InformationsquelleAutor der Antwort Wojciech Górski
2

setPluginsEnabled im WebView Einstellungen zu true.

InformationsquelleAutor der Antwort raja
2

Ich Denke, einige javascript-Funktionen wie prompt und alert (System-popups), sollte durchgeführt werden, indem Sie Ihren code.
Eine einfache Anleitung..,

1. Erstellen Sie eine Klasse Jscalls.java
```
public class Jscalls {

    Context mContext;
    Jscalls(Context c) {
        mContext = c;
    }

    /** Show a toast from the web page */
    public void alert(String toast) {
        Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
    }    
}
```
2. In Ihrem Programm hinzufügenwebView.addJavascriptInterface(new Jscalls(this), "Android");

3. In html-Seitenstatt alert("hello")verwenden Sie Android.alert("hello")

Hoffe, es funktioniert 🙂

InformationsquelleAutor der Antwort everlasto
1

Sollten Sie mit dem vollen Pfad für das laden von javascript-und css-beispielsweise
```
<link href="http://yourdomain.com/css/my.css" type="text/css" rel="stylesheet" />
```
InformationsquelleAutor der Antwort Ajay

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.