2017-11-11 8 views
0

現在のユーザーが他のユーザーであれば、私はavgrundプラグインを実行したいと思います。別のコードを実行したいと思います。ワンクリックでJquery avgrundプラグインを実行する

私のコードは、これまでのようになります。

<html> 
    <head> 
     <link rel="stylesheet" href="http://labs.voronianski.com/jquery.avgrund.js/avgrund.css"> 
     <link rel="stylesheet" href="http://labs.voronianski.com/jquery.avgrund.js/style.css"> 
    </head> 
    <body> 

     <a href="#" id="reply1" class="replyButton"> 
      <span>reply</span> 
     </a> 
     <script src="https://code.jquery.com/jquery-3.2.1.min.js"> </script> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.avgrund/1.3.3/jquery.avgrund.js"></script> 
     <script> 
     $(function() { 

      var username = "Visitor"; 

      $(".replyButton").on('click', function(e) { 

       if (typeof username !== 'undefined') { 

        if (username !== 'Visitor') { 
         console.log("Do some stuff"); 
        } 
        else { 

         var selectedButton = $(this).attr('id'); 
         selectedButton = '#' + selectedButton; 
         $(selectedButton).avgrund(); 
        } 
       } 

      }); 


     }); 

     </script> 

    </body> 
</html> 

しかし、問題はポップアップが2回クリックした後にオープンしています。最初のクリックでコードを実行するにはどうすればよいですか。ここで

がjsのフィドルデモです:

https://jsfiddle.net/sv1mmn6q

更新:

私はこの小さな例えば正常に動作するようです。この方法を試してみました。

$(document).avgrund({ 
    openOnEvent: true 
}); 

はjsfiddleデモ更新:

https://jsfiddle.net/sv1mmn6q/1/

をしかし、実際にクリックイベントにアクティブにするavgrundプラグインを作ります。たとえば、ホームページをクリックすると、avgrundプラグインがアクティブになります。これは意図しない振る舞いです。

答えて

0

これらのオプションを設定すると、正常に動作しているようです。

setEvent: 'click', 
openOnEvent: false, 
関連する問題