未捕获的ReferenceError:未定义显示值(仅适用于移动设备)

Question

嗨,我已经实现了一个代码,在该代码中添加到购物车的项目得到添加,还有一个弹出窗口打开,显示购物车项目.在桌面上它运行良好,但在移动设备上它不工作.对于移动设备来说,这是错误的

Uncaught ReferenceError: showvalue is not defined

这是我的下面的代码

<script type="text/javascript">  
function showvalue(value, product) {

    $('#<%= lblproduct1.ClientID %>').text(product);
    $('#<%= lblVessel.ClientID %>').text(value);
    $('.cart_popup').show();
    setTimeout(function () {
        $('.cart_popup').fadeOut('slow');
    }, 5000);
    return false;
}
function Showprogress() {               
    $('#<%= Progress.ClientID %>').show();      
 }

.ascx页面上的Html侧面

<asp:Button ID="AddToBasketButton" OnClientClick="Showprogress()" runat="server" OnClick="AddToBasketButton_Click" EnableViewState="false" ValidationGroup="AddToBasket" Text="Add to Cart" />

我的.cs边码(传递总数和产品数量)

ScriptManager.RegisterClientScriptBlock(this.Page, typeof(UpdatePanel), UniqueID, "showvalue('" + Total + "','" + productquantity + "');", true);

我只面临移动设备的问题.点击按钮我的页面刷新,弹出窗口没有打开

Answer 1

我已经删除了 jquery 弹出窗口并使用了 Ajax Modal 弹出窗口。当我从 .cs 端调用它时，弹出窗口打开得很好，但要在 5 秒后自动隐藏它，在这种情况下我使用了下面的代码，它不起作用。

<asp:Button ID="AddToBasketButton"  OnClientClick="Showprogress();" runat="server" OnClick="_Click" Text="button" />//button click and onclient click 
//Below div is only showing processing image :-)
<div id="Progress" runat="server" style="display: none;">
<img src="../images/spinner.gif" />
</div>

我的剧本

<script type="text/javascript">
$(document).ready(function () { hide_pop(); });

function Showprogress() {       
    $('#<%= Progress.ClientID %>').show();
    hide_pop();
    return false;
}
function hide_pop() {
    setTimeout(function () {
        $('.popup_cart_main').fadeOut('slow');//Popup Panel class
        $('.modalBackground').fadeOut('slow');//Background blacklayout Class
    }, 5000);       
    return false;
}

模态弹出窗口

<asp:LinkButton ID="lnkDummy" runat="server" ></asp:LinkButton>
<cc1:ModalPopupExtender ID="ModalPopupExtender1" BehaviorID="mpe" runat="server"
PopupControlID="pnlPopup" TargetControlID="lnkDummy" BackgroundCssClass="modalBackground" >
</cc1:ModalPopupExtender>
<asp:Panel ID="pnlPopup" runat="server" CssClass="popup_cart_main" Style="display: none">
<div class="cart_popup" >               
      Solved         
        </div>
 </asp:Panel>

此代码适用于所有浏览器和所有移动设备，包括 iPhone 和 Android

我还认为（根据实际问题），如果我没有删除 jquery 弹出窗口并且只放置在代码下面，我的弹出窗口也开始在移动设备上工作

 $(document).ready(function () { showvalue (); });// based on actual question