Question

我有一个带有类连接按钮的连接按钮当我单击按钮时，我想要一个选项，以加入成员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;
}

Answer 1

只需使用jquery UI插件即可从here

下载

  <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>

以获得更好的文档和演示访问this link并在演示中搜索对话框

Answer 2

这里的用户Jquery UI插件是fiddle

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


  $( "#dialog" ).dialog();
    });

单击按钮时弹出

2 个答案: