Heim >Web-Frontend >js-Tutorial >Mui verwendet jquery und verwendet einen Klick, um zu einem neuen Fenster zu springen, bei dem Beispiele geteilt werden

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

小云云
小云云Original
2017-12-30 15:21:132004Durchsuche

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; });

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")

ID-Sprung:



$('#Message').on("tap", function () {
  //打开关于页面
  mui.openWindow({
    url: '../Home/About',
    id: &#39;About&#39; <br>});
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;
    });
  });
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;
    });
  });


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!

Stellungnahme:
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