Javascript и Jquery для мобильных устройств добавить класс

Question

Javascript и Jquery для мобильных устройств добавить класс

0

Я искал вокруг класса объявления для div в javascript и нашел инструкцию для eather javascript или jquery, но ни один из них не работает.

Я пробовал простой код:

    <!DOCTYPE html> 
<html> 
<head> 
        <title>XY</title>

        <meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
        <meta name=viewport content="user-scalable=no,width=device-width" />                
         <link rel="stylesheet" href="files/jquery.mobile-1.4.0-rc.1.min.css"/>

         <script src="files/jquery-2.0.3.min.js"></script>
        <script src="files/jquery.mobile-1.4.0-rc.1.min.js"></script>        


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

</head> 

<body> 



<!--SLO STRAN      ################################################ #################-->
<div data-role="page" id="slo" data-theme="a">
 <div data-role="header" data-position="fixed" >
    <a href="#prvastran" data-role="button" data-icon="home">Domov</a>
    <h1>ABC</h1>
    <a href="" onclick="osvezipodatke()" data-role="button" data-icon="search">Osveži</a>


  </div><br>
  <div id="osvezitev_cas_slo" style="margin-left:10px;"></div><br>


<div data-role="collapsible-set">    


<!--boja-->
<div data-role="collapsible" data-collapsed="true">
    <h3> <div class="ui-grid-a">
        <div class="ui-block-a" id="postaja_boja" style="width: 65%;"></div>
        <div class="ui-block-b" id="veter_boja" style="width: 35%;"></div>
      </div>
    </h3>
      <div class="ui-grid-b">
        <div class="ui-block-a" id="max_boja" style="width:50%;" "margin-left:10px"></div>
        <div class="ui-block-b" id="maxob_boja" style="width: 50%;"></div>
      </div>
    <div id="tmp_boja"></div>
    <div class="ui-grid-c">
        <div class="ui-block-a" id="mmv1h_boja" style="width:50%;" "margin-left:10px"></div>
        <div class="ui-block-b" id="mmv24h_boja" style="width: 50%;"></div>
      </div>
</div>





    <div data-role="footer" data-position="fixed">
        <a href="#slo" data-role="button" data-icon="grid" data-iconpos="top" style="width: 15%;">SLO</a>

    </div>
</div>
</div>




</body>
</html>




   <script>


$('#veter_boja').addClass('class_two');


</script>

Я просто добавляю класс в "veter_boja", и он, похоже, не работает. Что я делаю не так?

Jakadinho 08 дек. 2013, в 09:08

Источник

0

Проблема в том, что его даже не добавляют в HTML, если я проверю источник
Jakadinho 08 дек. 2013, в 08:14

Теги:

javascript

jquery

html5

mobile

cordova

1 ответ

Ещё вопросы

Проблема в том, что его даже не добавляют в HTML, если я проверю источник

mico · Accepted Answer · 2013-12-08T17-46-00.000Z

Итак, как отмечает @Jakadinho, ваш скрипт не запускается, потому что он никогда не вызывается.

Вы должны поместить скрипт javascript внутри функции и вызвать его, например, при загрузке страницы в соответствии со следующим (хотя и не связанным) примером, который я изменил из примера http://www.w3schools.com/jsref/event_onload.asp.

  <!DOCTYPE html>
  <html>
     <head>
     </head>

      <body onload="myFunction()">
          <h1>Hello World!</h1>
      </body>

  </html>

  <script>
     function myFunction()
     {
        alert("Page is loaded");
     }
  </script>

Я пытался получить достаточно рядом с вашей проблемой, чтобы получить скрипт из html элемента, и он сработал.

Итак, прикрепите к телу тот метод onload, сделайте свой скрипт функцией и вызовите его внутри этой onload.

О, это был твой собственный комментарий. Вы уже исправили это, или что имел в виду этот комментарий?
Да, я получил это работает. Спасибо