выпадающий список asp.net внутри div с кнопкой data-toggle = - PullRequest
Новая
       14

выпадающий список asp.net внутри div с кнопкой data-toggle =

0 голосов
/ 24 сентября 2018

У меня есть ASP.Net DropDownList внутри div, в котором есть data-toggle = "button", и когда я пытаюсь выбрать опцию в выпадающем списке, она мгновенно исчезает, прежде чем я могу сделать выбор.Я должен удерживать кнопку мыши нажатой, чтобы сделать выбор.

Я считаю, что это что-то, связанное с переключением данных в родительском div, потому что когда я удаляю это, выпадающий список работает нормально.

Вот простая разметка. 

<asp:Repeater ID="ShippingTermsRepeater" runat="server" Visible="false">
    <HeaderTemplate>
        <div class="form-group onewCustomer clearfix">
            <label>Shipping Terms</label>
            <div class="btn-group radioDouble shipTermsRadio" data-toggle="buttons">
    </HeaderTemplate>
    <ItemTemplate> 
        <div class="btn btn-primary">
        <input id="ShippingTermsSelector" runat="server" type="radio" name="ShippingTermsGroup"/>
        <label for="ShippingTermsSelector">
            <span class="onewCurrency fontBlack"><asp:Literal ID="CurrencyLabel" runat="server" /></span>
            <span class="onewWHName fontBlack"><asp:Literal ID="WarehouseInternalNameLabel" runat="server" /></span>
            <span class="onewAccount"><asp:Literal ID="CustomerAccountCodeLabel" runat="server" /></span>
            <span class="onewTerms fontBlack"><asp:Literal ID="ShippingTermsLabel" runat="server" /></span>
        </label>
        <asp:DropDownList ID="ShippingTermsSelectList" runat="server" CssClass="form-control shippingTerms" AppendDataBoundItems="true">
        </asp:DropDownList>
    </div>
    </ItemTemplate>
    <FooterTemplate>
        </div>
    </div>
</FooterTemplate>
</asp:Repeater>

Кто-нибудь сталкивался с этой проблемой раньше?

1 Ответ

0 голосов
/ 25 сентября 2018

Добавление stopPropagation ();чтобы событие щелчка исправило его. 

$('select.shippingTerms').click(function (e) {
   e.stopPropagation();
})
...