Как отключить кнопку заголовка складного в jquery mobile?

У меня есть простой складной, сделанный с помощью jquery mobile. Как я могу отключить кнопку в заголовке складного объекта, которая предназначена для расширения и свертывания складного объекта? Я хочу отключить его, по-прежнему имея возможность программно сворачивать/разворачивать. Все это предназначено для предотвращения свертывания/расширения пользователем, чтобы иметь полный программный контроль над моментом, когда складной объект должен быть развернут или нет.

<div data-role="collapsible" data-collapsed="true" id="d27" name="d27" class="ui-block-a">
    <h4></h4>
    <div class="ui-block-a">
    <legend>D27: Question?</legend>
    </div>
    <div class="ui-block-b">
      <fieldset data-role="controlgroup" data-type="horizontal">
        <input type="radio" name="nameHere" id="si27" value="1" />
        <label for="si27">Sì</label>
        <input type="radio" name="nameHere" id="no27" value="0" checked="checked" />
        <label for="no27">No</label>
        </fieldset>
    </div>
</div>

Это кнопка, которую я имею в виду:


html jquery css jquery-mobile jquery-mobile-collapsible
person Sasha Grievus    schedule 19.09.2013    source источник
comment
какие? Не могли бы вы быть немного более конкретным?   -  person Sasha Grievus    schedule 19.09.2013
comment
вы пытались добавить data-iconpos="notext" в основной div?   -  person Ohgodwhy    schedule 19.09.2013
comment
Только что попробовал. это не работает   -  person Sasha Grievus    schedule 19.09.2013

Ответы (3)


arrow_upward
1
arrow_downward

Чтобы остановить работу щелчка, но сохранить возможность запуска расширения, используйте этот jquery:

$(document).ready(function () {
    $("#d27 h4").click(function (event) {
        return false;
    });
});

Это работает только в браузере, чтобы предотвратить это на мобильном устройстве, вам также необходимо зафиксировать событие касания.

$("#d27 h4").on("tap", function (event, ui) {
    return false;
});

Надеюсь, это поможет вам.

person Subedi Kishor    schedule 19.09.2013

arrow_upward
0
arrow_downward

Я нашел верное решение. Добавление этого сделает свое дело:

$("#d27 h4 a").click(function (event) {
    return false;
});
person Sasha Grievus    schedule 19.09.2013

arrow_upward
-1
arrow_downward

Нет необходимости в каком-либо css или Jquery, чтобы отключить это. Просто включите data-iconpos="none" в свой код, как показано ниже.

<div data-role="collapsible" data-iconpos="none" data-collapsed="true" id="d27" name="d27" class="ui-block-a">
    <h4></h4>
    <div class="ui-block-a">
    <legend>D27: Question?</legend>
    </div>
    <div class="ui-block-b">
      <fieldset data-role="controlgroup" data-type="horizontal">
        <input type="radio" name="nameHere" id="si27" value="1" />
        <label for="si27">Sì</label>
        <input type="radio" name="nameHere" id="no27" value="0" checked="checked" />
        <label for="no27">No</label>
        </fieldset>
    </div>
</div>
person madhu kumar    schedule 14.06.2014