Heim > Web-Frontend > js-Tutorial > Hauptteil

Mui verwendet jquery und verwendet einen Klick, um zu einem neuen Fenster zu springen, bei dem Beispiele geteilt werden

小云云
Freigeben: 2017-12-30 15:21:13
Original
1942 Leute haben es durchsucht

Dieser Artikel zeigt Ihnen hauptsächlich ein Beispiel dafür, wie Mui jquery verwendet und klickt, um zu einem neuen Fenster zu springen. Der Herausgeber findet es ziemlich gut, deshalb teile ich es jetzt mit Ihnen und gebe es als Referenz. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

JS-Code global einfügen


mui('body').on('tap', 'a', function () { document.location.href = this.href; });
Nach dem Login kopieren

Das funktioniert, aber es gibt viele Probleme, wie z. B. das Klicken auf die Seitenleiste, Es wird nicht angezeigt und es gibt viele Fehler. Nachdem ich meine eigene Methode geübt habe, schlägt das Debuggen von nativem Js immer noch fehl. Vielleicht liegt es daran, dass ich nicht vertraut bin, aber ich muss trotzdem alles verwenden~

Dann füge zuerst jquery hinzu


Das war's, machen Sie einfach weiter. Obiger Code:
@Scripts.Render("~/bundles/jquery")
Nach dem Login kopieren

ID-Sprung:



$('#Message').on("tap", function () {
  //打开关于页面
  mui.openWindow({
    url: '../Home/About',
    id: &#39;About&#39; <br>});
Nach dem Login kopieren
9- Quadratischer Sprung:


$(&#39;.mui-grid-9&#39;).on("tap", &#39;a&#39;, function () {
    var url = $(this).attr(&#39;href&#39;);
    //打开关于页面
    mui.openWindow({
      url: url,
      id: &#39;info&#39;
    });
  });
Nach dem Login kopieren
Bilderkarussellsprung:


Verwandte Empfehlungen:
$(&#39;#slider&#39;).on("tap", &#39;a&#39;,function () {
    var url = $(this).attr(&#39;href&#39;);
    //打开关于页面
    mui.openWindow({
      url: url,
      id: &#39;info&#39;
    });
  });
Nach dem Login kopieren


Beispiel beschreibt den Kapselungsprozess von Mui-Pull-up, um mehr Pull-down-Aktualisierungsdaten zu laden

JS realisiert das transparenter Verlaufseffekt der MUI-Navigationsleiste

So verwenden Sie das MUI-Framework in mobilem HTML5

Das obige ist der detaillierte Inhalt vonMui verwendet jquery und verwendet einen Klick, um zu einem neuen Fenster zu springen, bei dem Beispiele geteilt werden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!