我有一个ajax调用,它将表单数据发送到php函数.由于我阅读了很多使用contentType: 'application/json'最佳实践,我也想尝试一下.但不幸的是,当我使用它时,我的脚本不会返回任何内容.如果我删除它,脚本会执行它应该执行的操作.
你知道原因是什么以及为什么？谢谢!
$('#Form').submit(function(e) {
e.preventDefault();
var content = $(this).serialize() + "&ajax=1";
$.ajax('app/class/controller/contactForm.php', {
type: "POST",
//contentType: 'application/json',
dataType: 'json',
data: content,
success: function(result) {
console.log(result);
}
});
})
和我的PHP:
if(isset($_POST['ajax']) && $_POST['ajax'] === '1') {
echo json_encode(validateForm($_POST));
}
我正在创建一个wordpress网站,注册用户可以通过前端的wp_editor()创建自己的帖子,但只有一个帖子.
现在我想限制用户只能看到他上传的媒体.我在functions.php中使用以下脚本,它在后端工作.因此,如果用户前往后端的媒体部分,他将只看到他上传的媒体.
但是如果用户在前端wp_editor上进入"插入媒体"弹出窗口,他仍然可以看到来自所有用户的上传媒体.
function restricted_media_view( $wp_query ) {
if ( strpos( $_SERVER[ 'REQUEST_URI' ], '/wp-admin/upload.php' ) !== false
|| strpos( $_SERVER[ 'REQUEST_URI' ], '/wp-admin/edit.php' ) !== false ) {
if ( !current_user_can( 'level_5' ) ) {
global $current_user;
$wp_query->set( 'author', $current_user->id );
}
}
}
add_filter('parse_query', 'restricted_media_view' );
你有什么想法来解决这个烦恼吗？谢谢!
我想编写一个sass mixin,从1到100每5步输出一个特定的类.但我不能让modulo运算符以某种方式工作.根本没有创建类.
这是我的代码
@mixin flex_percentage($className) {
@for $i from 1 through 100 {
@if $i % 5 != 0 {
.#{$className}#{$i} {
width: $i * 1%;
}
}
}
}
@include flex_percentage(p);
我也尝试了$i mod(5)但是它输出了所有100个类.
我希望有一个类似的输出
.p5 {
width: 5%;
}
.p10 {
width: 10%;
}
.p15 {
width: 15%;
}
我在我的项目中有html5元素并给它填充.Firefox和Chrome正确显示填充,但遗憾的是Opera,Safari和IE都没有.
您对此问题有任何经验并知道如何解决吗？
由于我的reset.css,它没有发生,我能够在一个简单的小提琴中重现错误.只需在指定的浏览器中查看它即可查看差异.
这是示例代码.
HTML:
<section class="wrapper">gets padding everywhere</section>
<main class="wrapper">gets no padding in the mentioned Browsers</main>
<section class="wrapper">gets padding everywhere</section>
CSS:
.wrapper {
padding: 8em 0;
}
谢谢!
我正在尝试使用Bootstrap调整图像大小.我有一个足够大的徽标,适用于大屏幕和分辨率.显然,图像应该在所有分辨率(小和大分辨率)中都能很好地调整大小.我使用了Bootstrap的.img响应类来使图像响应.很明显,图像在大分辨率下显示得很好,但图像在较小的分辨率下会变小.问题是 - 图像在较小的分辨率下不会变小.任何帮助将受到高度赞赏.
<BODY>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header col-xs-3 col-md-3">
<a class="navbar-brand" href="#">
<img class="img-responsive" src="someimage.png">
</a>
</div>
<div class="col-xs-9 col-md-9">
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><img class="img-responsive" src="A1.png"></a></li>
<li><a href="#"><img class="img-responsive" src="A2.png"></a></li>
</ul>
</div>
</div>
</nav>
</BODY>
我需要将一个字体很棒的图标垂直对齐在td. 它td可以包含单行或双行文本，因此它具有可变的高度。我只是不知道如何对齐它。我尝试了从line-height到vertical-align的一切display: inline-table。什么都没起作用。也许你有一个想法。
我说的是fa-tags图标。这是我的代码：
HTML：
<table>
<tbody class="row">
<tr class="data">
<td class="date">
<span class="fa fa-tags"></span>
<div class="time">
<time datetime="2015-04-21">21.04.2015</time> -<br>
<time datetime="2015-04-24">24.04.2015</time>
</div>
</td>
<td class="hotel-data">
Hilton Barcelona
<span class="stars">
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
</span>
</td>
<td class="contract">
<a href="#" title="Vertrag runterladen">Vertrag <span class="fa fa-fw fa-download"></span></a>
</td>
<td class="invoice">
<a href="#" title="Rechnungen runterladen">Rechnungen <span class="fa fa-fw fa-download"></span></a>
</td>
<td class="details"> …html css vertical-alignment font-awesome twitter-bootstrap-3
我有一个<script>包含<div>元素内容的标记.现在我需要复制/克隆内容,将其存储在变量中并稍后附加.
奇怪的是,当我附加变量内容时,我只是得到了外部<div>.
知道我做错了什么吗？我们正在使用jQuery 1.8.2.
这是我的代码:
HTML内容:
<div id="payl">
<div class="toolTipHandler">
<script type="text/javascript">
var xxx_title = "<h4>title</h4>";
var xxx_text = "<p>bla bla</p>";
</script>
</div>
</div>
script.js内容:
var toolTipHandler = jQuery('#payl .toolTipHandler').clone(true);
document.getElementById('payl').innerHTML = '';
jQuery('#payl').append(toolTipHandler);
结果:
<div class="toolTipHandler"></div>
我有一个简单的Ajax调用,并希望计算返回的数据数组中的元素.但是.length()在某种程度上不起作用.你知道更好的方法吗？谢谢!
我的代码到目前为止:
$.ajax({
async: true,
type: 'post',
cache: false,
url: 'location.php',
data: {myJson: dataArray},
dataType : 'json',
success: function(data){
var ArrayContent = data.length();
if(ArrayContent == 2) {
$('#Result').removeClass('loading').empty();
$('#PlzInput').val(data[0]);
$('#Result').html('Ihr Standort: '+data[1]);
} else if( ArrayContent == 1 ) {
$('#Result').removeClass('loading').empty();
$('#Result').html(data[0]);
}
}
});
我有一个简单的输入复选框元素的对象,并希望检查每个循环检查哪些和做东西.复选框位于表tr中的几个复选框中td.
这是我的代码:
$('table.occupancy-table').on('change', '.minimum_stay input', function() {
var minimumStayInputs = $(this).closest('tr').find('input');
$(minimumStayInputs).each(function(){
if(this.prop('checked')) {
//do stuff
}
}
}
如果我this在每个循环中使用console.log ,我会得到如下数据:
<input id="R11520" type="checkbox" name="minimum_stay[152][1442786400]" value="checked">
<input id="R11521" type="checkbox" name="minimum_stay[152][1442872800]" value="checked">...
但是,我总是得到一个错误Uncaught TypeError: this.prop is not a function的this.prop('checked').我也试过.is(":checked")了同样的结果.
任何想法可能是什么原因？
如果您需要样本html,或者我应该创建小提琴,请告诉我.
我有一个相当简单的脚本,我希望在jQuery加载时div消失,添加一个"触发器"元素,我可以单击该元素以便div再次出现.然后更改"触发器"的类,当我再次单击时,div应该再次消失..不幸的是,脚本工作正常,直到"触发器"类被更改,如果我再次单击它没有任何反应.
问题解决了
这是工作 JS:
$(document).ready(function () {
if ($('#Bestellungen #Offene .products')) {
$('#Bestellungen #Offene .products').hide();
$('#Bestellungen #Offene .products').before('<div class="trigger"></div>');
$('#Bestellungen #Offene').on('click', '.trigger', function () {
$(this).addClass('minus').next().show();
});
$('#Bestellungen #Offene').on('click', '.trigger.minus', function () {
$(this).removeClass('minus').next().hide();
});
}
});
在这里HTML:
<div id="Bestellungen">
<div id="Offene">
<table>
<tr>
<td>
<div class="products">blablabla</div>
<td>
</tr>
</table>
</div>
我目前正在尝试用好奇的for循环替换for循环,但没有成功.我总是得到undefined.这甚至可以用javascript对象吗？
我循环的示例对象:
var el = {
1: {type: "fish", commonName: "clownfish", scientificName: "sdasd", gender: "m", price: 1.99},
2: {type: "fish", commonName: "dragonfish", scientificName: "dada", gender: "f", price: 2.99}
};
我的工作方式:
for (var element in el) {
if (el[element].type === type && el.hasOwnProperty(element)) {
elementNum++;
}
}
简单的for循环方法总能让我Cannot read property 'type' of undefined:
for(var i = 0, x = Object.keys(el).length; i < x; i++) {
if (el[i].type === type && el.hasOwnProperty(i)) {
elementNum++;
}
}
jquery ×4
css ×3
html ×3
javascript ×3
ajax ×2
json ×2
loops ×2
addclass ×1
arrays ×1
checkbox ×1
click ×1
content-type ×1
count ×1
font-awesome ×1
for-loop ×1
html5 ×1
image ×1
jquery-1.8 ×1
media ×1
mixins ×1
modulo ×1
object ×1
oop ×1
opera ×1
padding ×1
php ×1
removeclass ×1
resize ×1
restrictions ×1
sass ×1
view ×1
wordpress ×1