1

シナリオ：

  • VimeoとYouTubeを埋め込むための標準的な推奨iframe
  • 誰かがiPhoneのクリック/タッチで何も起こらないことを発見しました
  • cssとjsを無効にすると、すべてが機能します
  • いくつか掘り下げた後、cssを無効にすると、.ui-widget :active { outline: none; }すべてが期待どおりに機能することがわかりました。

これらのページにはjquery-uijsがないため、.ui-*を含む要素はまったくありません。解析されるべきではないcssの行を削除すると、この動作がどのように発生するのでしょうか。

4

1 に答える 1

1

この正確なシナリオは私にも起こっています。iframeを使用してYouTubeビデオを埋め込みます。例：

<iframe class="media-youtube-player" width="510" height="290" src="{$url to youtube}" frameborder="0" allowfullscreen></iframe>

iPadのサファリでは、ビデオをタップしても何も起こりません。jquery.ui.theme.cssまた、コードを二分して、 ：からこの行を削除することを発見しました。

.ui-widget :active { outline: none; }

問題を修正しました。

また、行を次のように変更してみました。

.ui-widget :active {  }

これも問題の原因です。セレクター自体がiPadのビデオを壊すことを意味します。

.ui-widget :activeまた、セレクターをちょうどに置き換えてみました:active。これにより、ビデオが再生されなくなります。

だから、それは修正です...そのセレクターを削除してください！

また、内部のアクティブな要素に表示されるアウトラインは、.ui-widgetより具体的にターゲットにする必要があります。

于 2013-03-01T03:38:05.510 に答える