我想在使用 Jquery 单击按钮时创建一个弹出窗口

发布于 2024-12-10 18:52:12 字数 659 浏览 0 评论 0原文

当我单击带有以下代码的按钮时，应该会弹出窗口。当我单击按钮时，我需要创建一个弹出窗口，询问您是新客户还是现有客户。我该如何继续这样做。应该感谢帮助。

<a style="display: inline-block; width: 85px; font-weight: normal;" href="javascript:__doPostBack('mrpPhones$ctl06$lineItemPrice$lnkbtnAddToCart','')" class="button-genericsprite green-button-23cart" title="Add to cart" id="mrpPhones_ctl06_lineItemPrice_lnkbtnAddToCart" onclick="javascript:hideProgressBar();return openPlanChangeRequiredPopup('cd244ed6-7afc-4db5-bf764b7de21c9003','https://s.tmocache.com/images/png/products/phones/LG_Optimus_T_Black/110x110.png');">
    <span style="font-size: 12px;">Add to Cart</span>
</a>

原文

When I click on the button with the code below popup should come. I need to create a popup asking are you a new customer or existing customer something like that when i click on button. How can I proceed doing that. Help should be appreciated.

<a style="display: inline-block; width: 85px; font-weight: normal;" href="javascript:__doPostBack('mrpPhones$ctl06$lineItemPrice$lnkbtnAddToCart','')" class="button-genericsprite green-button-23cart" title="Add to cart" id="mrpPhones_ctl06_lineItemPrice_lnkbtnAddToCart" onclick="javascript:hideProgressBar();return openPlanChangeRequiredPopup('cd244ed6-7afc-4db5-bf764b7de21c9003','https://s.tmocache.com/images/png/products/phones/LG_Optimus_T_Black/110x110.png');">
    <span style="font-size: 12px;">Add to Cart</span>
</a>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

烟─花易冷 2024-12-17 18:52:12

如果我理解正确的话，我会使用 jQuery UI 中的模式对话框：

http://jqueryui.com /演示/dialog#modal

回复收藏 0 原文

好倦 2024-12-17 18:52:12

我想你需要这样的

<script>
$(function() {
  $( "#dialog-confirm" ).dialog({
        resizable: false,
        height:140,
        modal: true,
        buttons: {
            "New Customer": function() {
                                    //Put Necessary codes here
                $( this ).dialog( "close" );
            },
            "Existing customer": function() {
                                     //Put Necessary codes here
                $( this ).dialog( "close" );
            }
        }
    });
});
</script>

HTML：

<div id="dialog-confirm" title="New or Existing Customer?">
<p>
  <span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px
   0;">New or Existing Customer?
  </span>
</p>
</div>

I think You need something like this

<script>
$(function() {
  $( "#dialog-confirm" ).dialog({
        resizable: false,
        height:140,
        modal: true,
        buttons: {
            "New Customer": function() {
                                    //Put Necessary codes here
                $( this ).dialog( "close" );
            },
            "Existing customer": function() {
                                     //Put Necessary codes here
                $( this ).dialog( "close" );
            }
        }
    });
});
</script>

HTML:

<div id="dialog-confirm" title="New or Existing Customer?">
<p>
  <span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px
   0;">New or Existing Customer?
  </span>
</p>
</div>

回复收藏 0 原文

~没有更多了~