Динамическое изменение размера div w/javascript и jquery?

Я пытаюсь изменить размер div нажатием кнопки, используя javascript и jquery. Это все в веб-форме asp.net. У меня мало опыта работы с javascript и практически нет с jquery. Это код, который я имею до сих пор с помощью других членов SO. Кроме того, он не работает, я знаю, что что-то не так, потому что предупреждения не отображаются.Динамическое изменение размера div w/javascript и jquery?

Любая помощь приветствуется.

<head id="Head1" runat="server"> 
    <title>Data Display</title> 
    <script type="text/javascript"> 
     function toggleGridContent() { 
      var id = "#gridViewContainer"; 
      if ($(id).hasClass("small")) { 
       alert("found"); 
       $(id).attr("class", "large"); 
      } else { 
       alert("not"); 
       $(id).attr("class", "small"); 
      } 
     } 
    </script> 
    <style type="text/css"> 
     .small { 
      height: 200px; 
      overflow: hidden; 
     } 

     .large { 
      height: auto; 
     } 
    </style> 
</head> 
<body> 
<form id="form1" runat="server"> 
    <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> 

    <input type="button" onclick="toggleGridContent()" value="toggleGridContent" /> 

    <div class="small" id="gridViewContainer" style="border: 1px solid red"> 
     <asp:GridView ID="GridViewNsbAll" AutoGenerateColumns="false" runat="server"> 
      <Columns> 
       <asp:BoundField DataField="subgroup" HeaderText="subgroup"></asp:BoundField> 
       <asp:BoundField DataField="count" HeaderText="count"></asp:BoundField> 
      </Columns> 
     </asp:GridView> 
    </div> 

</form> 
</body> 
</html>

источник

2017-01-27 rbhat

Вы должны добавить ссылку на библиотеку jQuery. Если у вас есть в вашем веб-сайте вы можете использовать что-то вроде этого:

<script type="text/javascript" src="jquery.js"></script>

Легче было бы связать с последней версией размещенного

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

источник

2017-01-27 20:42:09 VDWWD

Да, это был он. Огромное спасибо. – rbhat

Динамическое изменение размера div w/javascript и jquery?

ответ

Смежные вопросы