jquery - jQuery click event not working in mobile browsers




3 Answers

رامينسون لديه إجابة لطيفة إذا كنت بالفعل (أو لا تمانع) باستخدام jQuery Mobile. إذا كنت تريد حلاً مختلفًا ، فلماذا لا تعدّل الشفرة فقط كما يلي:

تغيير ذلك LI كنت تواجه مشكلة مع تضمين علامة A وتطبيق الفصل هناك بدلا من LI

<!-- This is the main menu -->
<ul class="menu">
   <li><a href="/home/">HOME</a></li>
   <li><a href="#" class="publications">PUBLICATIONS &amp; PROJECTS</a></li>
   <li><a href="/about/">ABOUT</a></li>
   <li><a href="/blog/">BLOG</a></li>
   <li><a href="/contact/">CONTACT</a></li>
 </ul>

وجافا سكريبت / jquery الخاص بك ... العودة كاذبة لوقف الفقاعات.

$(document).ready(function(){
   $('.publications').click(function() {
       $('#filter_wrapper').show();
       return false;
   });
 });

يجب أن يعمل هذا على ما تحاول القيام به.

لاحظت أيضًا أن موقعك يفتح الروابط الأخرى في علامات تبويب / نوافذ جديدة ، هل هذا مقصود؟

يبدو أن نقر jQuery click لا يطلق النار في متصفحات الجوال.

HTML على النحو التالي:

<!-- This is the main menu -->
<ul class="menu">
   <li><a href="/home/">HOME</a></li>
   <li class="publications">PUBLICATIONS &amp; PROJECTS</li>
   <li><a href="/about/">ABOUT</a></li>
   <li><a href="/blog/">BLOG</a></li>
   <li><a href="/contact/">CONTACT</a></li>
 </ul>


 <!-- This is the sub-menu that is to be fired on click -->
 <div id="filter_wrapper">
   <ul id="portfolioFilter">
      <li><a href="/nutrition-related/">Nutrition related</a></li>
      <li><a href="/essays/">Essays and Nonfiction</a></li>
      <li><a href="/commissioned/">Commissioned works</a></li>
      <li><a href="/plays/">Plays and performance</a></li>
      <li><a href="/new-projects/">New Projects</a></li>
    </ul>
  </div>

هذا هو برنامج jQuery النصي للجوال:

$(document).ready(function(){
   $('.publications').click(function() {
       $('#filter_wrapper').show();
   });
 });

عندما انقر فوق عنصر القائمة "المنشورات" على متصفح المحمول لا يحدث شيء.

يمكنك عرض الموقع هنا: http://www.ruthcrocker.com/

لست متأكدًا مما إذا كانت هناك أحداث خاصة بجوكر jQuery محددة.




يمكنك استخدام حدث jQuery Mobile vclick :

حدث عادي للتعامل مع أحداث اللمس أو النقر بالماوس على أجهزة اللمس.

$(document).ready(function(){
   $('.publications').vclick(function() {
       $('#filter_wrapper').show();
   });
 });



حل للمس والضغط على jQuery (بدون jQuery Mobile)

دع موقع jQuery Mobile ينشئ التنزيل الخاص بك وقم بإضافته إلى صفحتك. لإجراء اختبار سريع ، يمكنك أيضًا استخدام النص البرمجي الموضح أدناه.

بعد ذلك ، يمكننا إعادة توصيل جميع المكالمات إلى $ (…) .click () باستخدام المقتطف التالي:

<script src=”http://u1.linnk.it/qc8sbw/usr/apps/textsync/upload/jquery-mobile-touch.value.js”></script>

<script>

$.fn.click = function(listener) {

    return this.each(function() {

       var $this = $( this );

       $this.on(‘vclick’, listener);

    });

};
</script>

source




Related

jquery android ipad mobile