Javascript和Jquery mobile添加类
Javascript and Jquery mobile add class
我搜索了如何在javascript中将类广告到div,并找到了一些关于其他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所指出的,您的脚本没有运行,因为它从未被调用。
您应该将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
内部调用它
相关文章:
- 如何更改dynamicaly的主题添加了li项jquery mobile
- 动态添加的锚点点击不会;jquery mobile中的t调用函数
- Javascript和Jquery mobile添加类
- 在jQuery mobile/java脚本的TextBoxes中动态添加未加载的数据.数据具有[object HTMLI
- jQuery Mobile列表视图,将投票按钮添加到行项目中
- 如何使用jQuery Mobile Phone-Gap for iPhone&Android添加发送电子邮件功能
- 当我在 collapsible-set 中添加代码时,如何在 jquery Mobile 中刷新 collapsible
- Jquery mobile-点击按钮添加到UL
- jQuery Mobile添加了我可以加载的文本't拆卸
- 使用ajax+jquery mobile添加html元素
- 可折叠onclick事件中的Jquery Mobile列表没有'动态添加时无法工作
- 在jQuery Mobile中将项目动态添加到Listview中
- 使用jQuery Mobile样式动态添加文本框
- Listview在添加列表项Jquery Mobile时重复ID
- JQuery Mobile,将类添加到动态id中
- 在jQuery mobile中动态添加列表到嵌套列表
- 在Jquery mobile中为页脚添加onClick事件
- 如何在mobile.form.Form或mobile.dialog.Dialog中添加日期字段
- 如何使用jQuery Mobile动态添加侧面板菜单项并保持所有CSS样式
- 使用Titanium Appcelerator mobile 1.7.2添加元素后空数组