2012-01-18 13 views
0

jquerymobileまたはsafariのバグとして報告する必要がありますか?私は私のデスクトップマシンやiPad上のOpera Miniの上、次のHTMLページを表示するとiOSで他の場所をタップしたときにHTMLチェックボックスがクリックされる

は、それは私が何を期待します:

  • 私はラマをクリックし、アラートが、それは次に
  • をクリックされたと言われますページ上の空白部分をクリックすると、何も起こりません。私はサファリのiOS 5.0.1とiPadでそれを見る

は、それが何か変なん:

  • 私はラマをクリックして、アラートが私に語った、それはその後、私はクリック
  • をクリックしましたページの空きスペースに、アラートが表示され、ラマがクリックされたことがわかります。

(実際のアプリケーションでは、私はいくつかボタンをクリックすると、作業を取得しようとしている、それはラマがクリックされたと言われます)。

ラマのボタンではなく、実際に指で触っているボタンをクリックするように回避策がありますか? また、このバグが修正されるまで、私のすべてのiPadユーザーにSafariを捨てるよう指示する必要がありますか?

<!DOCTYPE html> 
    <html> 
     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" /> 
     <!-- 
     When I click the button, 
     and then later click some empty area on the page, 
     I expect the button to do nothing. 
     It actually triggers the button to turn off. 
     --> 
     <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
     <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>  

      <input type="checkbox" name="checkbox-1" id="checkbox-1" 
class="custom" onClick="alert('Llamas have been clicked !');" /> 
      <label for="checkbox-1">Llamas</label> 
    </html> 

でのライブバージョンがあります: http://jsbin.com/ururer

答えて

0

が、私はiPhone上で同様の行動に気づいた、そして時々どちらに正しい選択をしない、重複要素とSafariの結果であると思われますclickイベントを取得します。おそらくCSSが変更されて、チェックボックスの境界が拡大します。

CSSファイルを使用せずに試してみて、それでも動作するかどうかを確認してください。

jQueryメソッドを使用してイベントをバインドする代わりに、タグをonClickで使用している可能性があります。

+0

"onClick"ではなく、その警告()を添付するためにjquery ".bind()"を使ってみましたが、iPad上のSafariはまったく同じ問題を抱えています。それはCSSファイルなしでは "正しく"動作するようですが、それは不気味です。 –

関連する問題