【问题标题】:Plain button in user control not working with Jquery用户控件中的普通按钮不适用于 Jquery
【发布时间】:2023-03-26 15:38:01
【问题描述】:

我遇到了一个 ASP 按钮无法正常工作的问题

这是我的按钮

<asp:Button ID="btnAgregar" class="tg-btn" runat="server" Text="Agregar a carrito" />

我解决了使用 UseSubmitBehavior 和 data-dismiss 的问题,如下所示

<asp:Button ID="btnAgregar"  UseSubmitBehavior="false" data-dismiss="modal" class="tg-btn" runat="server" Text="Agregar a carrito" />

好吧,我遇到了另一个类似的问题,但我无法以同样的方式解决问题。 这是我的代码:

    <asp:ListView runat="server" ID="providersList" ViewStateMode="Disabled">
    <ItemTemplate>
        <button  type="submit" name="provider" class="<%# HttpUtility.HtmlAttributeEncode(Item(Of ProviderDetails)().ProviderName) %>" 
            value="<%# HttpUtility.HtmlAttributeEncode(Item(Of ProviderDetails)().ProviderName) %>"
            title="Conectate con <%# HttpUtility.HtmlAttributeEncode(Item(Of ProviderDetails)().ProviderDisplayName) %> account.">
           Conectate con <%# HttpUtility.HtmlEncode(Item(Of ProviderDetails)().ProviderDisplayName) %>
        </button>
    </ItemTemplate>

    <EmptyDataTemplate>
        <div class="message-info">
            <p>Acceso por red social suspendido temporalmente</p>
        </div>
    </EmptyDataTemplate>
</asp:ListView>

客户端上的结果是这样的:

<button type="submit"    name="provider" class="twitter" 
            value="twitter"
            title="Conectate con Twitter account.">
           Conectate con Twitter
        </button>

此代码运行良好,在普通表单中使用它时,但在使用 Jquery 的表单中使用相同的代码。我尝试使用 UseSubmitBehavior="false" data-dismiss="modal" 但这似乎对那个普通按钮没有任何影响,就像它在 asp 按钮上一样。

更新:我最初认为这是由于引导,但经过一些测试后我发现它是 jquery 干扰。

有什么线索吗?

【问题讨论】:

    标签: jquery asp.net vb.net


    【解决方案1】:

    找到问题了!我将项目中引用的JS一一删除,找到了这段代码

        jQuery('form').submit(function(event) {
        event.preventDefault();
        return false;
    });
    

    这导致我的按钮无法按预期运行。删除这个代码,我没有使用的一部分,做了诀窍。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2019-01-14
      • 1970-01-01
      • 1970-01-01
      • 2011-04-03
      • 2018-05-17
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多