Невозможно скрыть DIV в ASP.NET MVC

#jquery #asp.net

Вопрос:

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

В контроллере :

 public ActionResult MyAction()
{
    return View("MyView", model);
}

В представлении «MyView» у меня есть это :

 <script type="text/javascript">
$(document).ready(function () {
    $('#divToHide1').hide();
    $('#divToHide2').hide();
});
</script>


<div id="divToHide1">
</div>   

<div id="divToHide2">
</div>

Проблема, в которой div никогда не скрывается, есть идеи?

Спасибо,

Update1 : когда я переключаюсь на вторую вкладку, я выполняю процедуру, приведенную ниже. Переключение на вкладку z в порядке, я получаю «alert1», и я получаю «1», соответствующее длине, но div все еще виден.

  function e2() {
    var jqxhr = $.post("/Controller/MyAction", function (data) {
        $('#tabs-2').html(data);
    })
    .success(function () {
        alert('alert1');
    })
    .error(function () { })
    .complete(function () {
        alert($('#divToHide1').length);
        $('#divToHide1').hide();    
    });
}

Update2 : я пробовал использовать class вместо id … и выглядеть нормально

1. Просто для подтверждения — вы включаете jQuery в свой HTML выше document.ready , да?

2. Получаете ли вы какие-либо ошибки, появляющиеся в консоли?

3. Разделы, которые вы пытаетесь скрыть — добавляются ли они к документу через jQuery после загрузки документа?

4. @Rory да, когда я нажимаю на вкладку> контроллер> вернуть представление, и div в скрытом виде отображается в этом представлении. Я пытался разместить jquery здесь и в других местах, но безуспешно

Ответ №1:

Сделайте это в CSS:

 .ui-tabs-hide {

     display: none;
}

Если вы используете вкладки пользовательского интерфейса jQuery, он добавит классы к вашим элементам. Все ваши неактивные представления будут иметь css-класс «ui-tabs-hide».

Ответ №2:

То, что вы там написали, должно сработать. Вы пробовали .переключать или привязывать действие к ссылке / кнопке, противоположной при загрузке документа, посмотрим, поможет ли это. У вас включен Jquery?

Ответ №3:

Я использую $ («. а не $ («# в качестве селектора, это странно, но это работает