0

クラスの参加ボタンのある参加ボタンがあります ボタンをクリックすると、メンバーとして参加するか、メンバーとして参加するかのオプションを受け取りtype A、type B正しいページにリンクします。この機能に取り組むための助けをお願いできますか? ajaxを使用する必要がありますか？

<?php if ( !is_user_logged_in() ): ?>
    <a href="www.domain.com" class="join-button">Join</a>
<?php endif; ?>

CSS:

.join-button {
   -moz-box-shadow:inset 0px 1px 0px 0px #f5840c;
    -webkit-box-shadow:inset 0px 1px 0px 0px #f5840c;
    box-shadow:inset 0px 1px 0px 0px #f5840c;
    background-color:#f5840c;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #f5840c;
    display:inline-block;
    color:#ffffff;
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    padding: 1px 4px;
    text-decoration:none;
    text-shadow:1px 1px 0px #f5840c;
}
4

2 に答える 2

1

ここからダウンロードできるjquery UIプラグインを使用するだけです

  <script>
  $(function() {
    $( "#dialog" ).dialog();
  });
  </script>
<body>
<div id="dialog" title="Basic dialog">
  <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
</body>

より良いドキュメントとデモについては、このリンクにアクセスして、ダイアログのデモを検索してください

于 2013-03-08T06:43:21.447 に答える
0

ここのユーザーJquery UIプラグインはフィドルです

    $("button.joinbutton").on("click", function () {


  $( "#dialog" ).dialog();
    });
于 2013-03-08T06:16:16.353 に答える