我使用display:inline-block为按钮设置了mixin.我试图找到最终会使用mixim的任何类的父类,所以我可以在那里添加font-size:0px行以确保我不需要对我的HTML进行调整以避免不必要的每个按钮之间的空间.
这是一个例子......我想要的.父类接收font-size:0px行.
@mixin button() {
display:inline-block;
font-size: 1em;
//other stuff to make a pretty button
&& { font-size: 0px; }
}
.parent{
.child {
@include button();
}
}
Run Code Online (Sandbox Code Playgroud) 我正在使用涉及表单的jQuery mobile构建一个网站.
我一直在尝试实现此方法来动态更改选择菜单: 链接
虽然我已经能够在我的jQuery移动网站之外做到这一点,但它似乎与jQuery mobile一起使用.我已经设置data-ajax="false"并尝试了很多东西,但我找不到解决方案.这是因为jQuery mobile还是没有?
您可以在下面找到代码.
对于主页面:
<?php require('config_db.php');?>
...
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
<link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
...
<div data-role="fieldcontain">
<label for="course">Course:</label>
<select id="course" name="course" data-native-menu="false">
<option value="0">0</option>
<option value="1">1</option>
</select>
</div>
<div data-role="fieldcontain">
<label for="student">Student:</label>
<select id="student" name="Student" data-native-menu="false">
</select>
</div>
...
<script type="text/javascript">
$(function() {
$("#course").bind("change", function() {
$.ajax({
type: "GET",
url: "get_students.php",
data: "course="+$("#course").val(),
success: function(html) {
$("#student").html(html);
}
});
});
});
</script>
Run Code Online (Sandbox Code Playgroud)
Config_db.php已经过测试,就像一个魅力.
Get_students.php也可以运行,并将从测试数据库生成以下输出:
<option value='1'>John …Run Code Online (Sandbox Code Playgroud)