我正在尝试根据窗口宽度更改从中读取图像的文件夹.
我有两个包含不同图像大小的文件夹,我想知道是否有人可以根据屏幕宽度给出任何关于如何更改路径的建议.
如果屏幕是常规的<img>,那就像
<img src="images/620x410/image1.jpg" alt="">
如果屏幕处于平板电脑宽度,则会加载
<img src="images/310x205/images1.jpg" alt="">
310X205
image1.jpg
image2.jpg
620X410
image1.jpg
image2.jpg
我正在尝试构建类似wordpress选项的部分.单击复选框时可以切换相应<input type="text">字段的显示,我想在一个函数中执行此操作,因此我没有大量不同的函数,因此使用复选框切换相应输入的最佳方法是什么,我做了一个快速的jsFiddle,但当我使用我的复选框时,它切换所有输入,因为我明显选择了所有这些,所以什么是更好的解决方案使用like this或者什么来切换相应的字段,谢谢提前,http:/ /jsfiddle.net/MEC9n/
HTML
<div class="options">
<input type="checkbox" name="title"><label>Title</label>
<input type="checkbox" name="author"><label>Author</label>
<input type="checkbox" name="category"><label>Category</label>
</div>
<div class="container">
<form method="post">
<input type="text" name="title" placeholder="Title:">
<input type="text" name="author" placeholder="Author:">
<input type="text" name="category" placeholder="Category:">
<input type="submit" value="Submit">
</form>
</div>
jQuery的
$(document).ready(function(){
$('input[type="checkbox"]').click(function(){
$('input[type="text"]').toggle();
});
});
我正在为一个从他们的数据库获取数据的客户端构建一个简单的测验,我正在用Ajax调用加载问题,以便在他们回答第一个问题后得到下一个问题.这一切都运行良好,但我遇到的问题是检查是否有更多问题的最佳方法,目前我success:用来替换下一个问题error:的内容,并用结束替换内容测验屏幕.如果有人能给我一些更好的方法的建议,我将非常感激,因为我真的不想使用,error:因为如果Ajax调用有实际错误,它只会说测验是在我想要的时候完成的用户可以再次尝试操作,提前感谢!
我正在为客户网站构建一个测验,我从Ajax调用中获取问题然后用新问题替换HTML内容,问题是我的Ajax调用只运行一次然后再次尝试失败然后失败.当我一次性替换内容html()失败时,如果我将其分解为各个部分并替换html()为每个部分执行操作没有问题,但是如果我在第一次失败后立即执行,如果有人可以采取看看我的代码,并告诉我为什么会发生这种情况,非常感谢,提前感谢!
HTML
<section class="widget twelve quiz">
<div class="content">
<div class="widget six sign">
<img src="http://www.mysite.com/images/questions/question-1.jpg" alt="">
</div>
<div class="widget six question">
<header>
<button class="align-right button" data-object='{"qui_id":"0","action":"1","que_id":"1"}'>Skip</button>
</header>
<h2>Q: Lorem Ipsum?</h2>
</div>
<div class="widget twelve answers">
<ul>
<li><button data-object='{"ans_id":"1"}'>A: Lorem 1.</button></li>
<li><button data-object='{"ans_id":"2"}'>B: Lorem 2.</button></li>
<li><button data-object='{"ans_id":"3"}'>C: Lorem 3</button></li>
<li><button data-object='{"ans_id":"4"}'>D: Lorem 4.</button></li>
</ul>
</div>
<div class="widget six navigation">
<button class="align-right button" data-object='{"qui_id":"0","action":"0","que_id":"1"}'>Next</button>
</div>
</div>
</section>
Ajax Call只能运行一次
$('.question,.navigation').on('click', '.button', function() {
$.ajax({
type: 'POST',
url: 'http://www.mysite.com/handler-question.php',
dataType: …嗨我的CSS刚停止工作从第192行或"主题部分"下来它上面的一切工作,但任何事情后不再工作可以有人请看看我的代码,看看你是否可以提前感谢任何错误!
body {
border-top : 1em solid #333;
font : 300 62.5% "Open Sans";
line-height : 1.5;
}
.heading-large {
font-size : 2em;
}
.heading-medium {
text-transform : uppercase;
font-size : 1.8em;
}
.title-medium {
font-size : 1.6em;
}
p {
font-size : 1.4em;
}
footer p {
color : #959595;
}
a {
color : inherit;
text-decoration : none;
}
a:hover .title-medium {
color : #D73300;
transition : all 0.5s ease;
}
article {
margin : 1em 0;
} …