استدعاء البرنامج النصي عند النقر فوق الزر

https://stackoverflow.com/questions/4265776

27-09-2019
|

سؤال

في صفحة ويب jQuery للهاتف المحمول ، أود أن أتصل برناري محدد ضمن علامات البرنامج النصي في قسم الرأس من JSP.

<head>

    <link rel="stylesheet" type="text/css" href="jquerymobile/jquery.mobile-1.0a1.min.css" />
    <script type="text/javascript" src="jquerymobile/jquery-1.4.3.min.js"></script>
    <script type="text/javascript" src="jquerymobile/jquery.mobile-1.0a1.min.js"></script>

    <script>

        $("#button").click( function()
           {
             alert('button clicked');
           }
        );
    </script>

</head>

<body>
    <html:errors/>

    <div data-role="page" data-theme='a'>

      <div data-role="header">
        <h1>jquerymobile</h1>
      </div>

      <div data-role="content">
        <div id="button" data-role="button">Click on button</div>
      </div>

   </div>
</body>

عندما يتم النقر فوق الزر, ، انا اريد ال تنبيه ليتم عرضه. ولكن لا يحدث شيء عند النقر فوق الزر.

هل يمكن لأحد أن يخبرني أين أخطأ؟

EDIT1:

الرمز التالي يجلب التنبيه في ثعلب النار & متصفحات سطح المكتب الأوبرا.

  $(document).ready(function() {
      $("#vbutton").click(function() {
          alert("clicked");
      });
  });

  <a id="vbutton" data-role="button">Click Button</a>

أي سبب لماذا نفس الشيء لا يعمل مع أوبرا موبايل & متصفحات Fennec - حيث يظهر صفحة تحميل الخطأ مربع الحوار ؟؟

المحلول 2

كانت المشكلة بسبب بيانات التصحيح مثل

تصحيح الأخطاء

debug.info (....)

التي فهمها Firefox/Firebug ، ولكن كانت تسبب مشاكل في متصفحات Fennec & Opera Mobile.

نصائح أخرى

مشكلتك هي أنك تبحث عن $('#button') قبل وجوده ...

حاول لف رمز jQuery الخاص بك في $(document).ready(function(){ ... }) أو الاسم المستعار اختزاله jQuery(function(){})

الخيار الآخر هو تضمين تهيئة حدث النقر على الزر حتى بعد #button موجود في دوم. بمعنى آخر ، يمكنك تحريكك <script> ضع علامة على أسفل الصفحة ويجب أن تعمل.

مرخصة بموجب: CC-BY-SA مع الإسناد

لا تنتمي إلى StackOverflow