2016-11-02 12 views
-1

これは私が使用している甘美な警告です。クリックしたときにボタンの色を赤から緑に変更していますが、確認ボタンをクリックしたときにページをリロードする必要はありません。あなたはそれを変更する必要が甘い警告の確認ボタンをクリックしたときに同じページに留まるには?

<button onclick="someFunc()">, 

:私はあなたがこのようなあなたのhtmlから関数を呼び出している場合は確認button.anyヘルプは大幅に

function UpdateChildStatus(id,status) 
     { 
      $.ajax({ 
       method:'get', 
       url:'updateChildrenStatus', 
       data:{id:id,status:status}, 
       success:function(result){ 
        if (status===1) 
        { 
         swal({ 
          title: "Successfully Enabled!", 
          type: "success", 
          showCancelButton: false, 
          confirmButtonColor: "#2ECC71", 
          confirmButtonText: "Ok", 
          closeOnConfirm: true }, 
           function (confirm) { 
            location.reload(); 
           }); 
        } 

        else 
        { 
         swal({ 
          title: "Successfully Disabled!", 
          type: "warning", 
          showCancelButton: true, 
          confirmButtonColor: "#E74C3C", 
          confirmButtonText: "Ok", 
          closeOnConfirm: true }, 
           function (confirm) { 
            $("#'id'").attr('class', 'btn btn-block btn-success'); 
            event.preventDefault(); 


           }); 
        } 
      }, 

      error:function(x, y, thrownError){ 
        console.log(thrownError); 
      } 
     }); 
    } 
+1

'$("# 'id' ")'は本当に働いていますか?また、 'attr()'を通してクラス名を設定するのではなく、実際に 'addClass()'を使うべきです。 –

+0

e.preventDefault()を試してください。 –

+0

e.preventDefault()が動作していません:/そして、db.Iの値の変更がその行をコメントアウトしたため、ページが色の変更を自動的にリフレッシュするときに、$( "# 'id'")実行を妨害するかどうかを確認するために警告が閉じないようにしてください –

答えて

0

いただければ幸いクリックしたときに甘いアラートがクローズされていません〜

<button onclick="return someFunc()"> 
クリックでリロードからページを防ぐのに十分であるべき

return false; 

: も

、JavaScriptであなたの関数の最後に、追加します。あなたのコードを少し詳しく説明できたら、私はあなたのためにそれを変更することができます。 :)

+0

私は上記のjs関数の完全なコードを含みました:)私はここで少し修正しています。あなたがそれを行うことができれば、 ) –

+0

@ KashifRoshen一番最後に、あなたはどのようにあなたの関数を呼び出していますか?私はあなたのhtmlで "onclick"を使用するか、jquery .clickイベントを使用したのでしょうか? –

+0

私はonclickを使用しました:私は私が上で言ったことをして、それは働いています:) –

関連する問題