1

こんにちは、モバイル サファリのモバイル Web アプリケーションでホバー イベントをシミュレートしようとしています。基本的に、私はasp.netボタンを持っています:

<asp:Button ID="btnLogin" runat="server" CssClass="btn-login" />

ここで、javasrcipt を使用して、タッチ開始イベントとタッチ終了イベントを読み取る関数を作成する必要があります。

    $('#coreContent_mainContent_Login_btnLogin').bind('touchstart touchend', function (e)   {
    e.preventDefault();
    $(this).toggleClass('btn-sign-up-hover');
});

次に、 btn-sign-upで切り替えられるこの CSS クラスがあります。

.btn-sign-up {
   background: url(/images/sign-in-sprites.png) no-repeat -100px 0px;
   float: right;
   height: 20px;
   width: 104px;
   border: none;
   padding-bottom: 10px;
 }

.btn-sign-up-hover {
   background: url(/images/sign-in-sprites.png) no-repeat -100px -30px;
 }

何らかの理由でクラスが変更されていません...コードが間違っているのでしょうか、それともロジックが悪いのでしょうか?

4

1 に答える 1

0

2 つの質問: 正しいセレクターを使用していますか? jQueryがイベントをボタンに追加したことを確認するために「ビジュアルイベント」を試しましたか? bind() の代わりに live() を使用して問題を解決できる場合もあります...試してみてください

于 2012-04-22T12:40:45.870 に答える