用户控件中的普通按钮不能与Jquery一起使用

时间:2017-12-01 20:26:48

标签: jquery asp.net vb.net

我遇到了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”,但这似乎对该按钮上的普通按钮没有任何影响。

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

有任何线索吗?

1 个答案:

答案 0 :(得分:0)

发现问题!我逐个删除了我的项目中引用的JS,并找到了这段代码

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

导致我的按钮无法按预期运行。删除此代码是我不使用的部分代码。