我正在关注图像滑块的jquery视频教程.这就是我在HTML中的内容
<div id="slider">
<img id="1" src="images/1.jpg" alt="" >
<img id="2" src="images/2.jpg" alt="" />
<img id="3" src="images/3.jpg" alt=""/>
<img id="4" src="images/4.jpg" alt=""/>
</div>
Run Code Online (Sandbox Code Playgroud)
css图像
#slider >img{
width: 960px;
height: 300px;
display: none;
float: left;
}
Run Code Online (Sandbox Code Playgroud)
我希望在页面加载时淡出第一张图像
$(function(){
$("#slider>img>#1").fadeIn(3000);
});
Run Code Online (Sandbox Code Playgroud)
但这不起作用.我检查过jquery文件也完全包含在我的源代码中.请有人帮帮我
我要禁用按钮点击的特定字段,例如我在我的页面中有两个表单
< form method='post' action='' class='myform'>
<input type='text' name='name_0'>
<input type='email' name='email_0'>
<input class='btn' type='submit'>
</form>
< form method='post' action='' class='myform'>
<input type='text' name='name_1'>
<input type='email' name='email_1'>
<input class='btn' type='submit'>
</form>
Run Code Online (Sandbox Code Playgroud)
使用jquery我可以禁用所有这样的字段
$(document).ready(function(){
$('.btn').click(function(){
$("input").prop('disabled', true);
});
});
Run Code Online (Sandbox Code Playgroud)
但是当我第一次提交按钮时,我不知道如何定位特定字段,如name_0,email_0,请帮我这个
我想在滚动时播放或暂停视频,如果滚动大于300,则应暂停,否则应播放。这是我的视频标签
<video width="100%" controls >
<source src="video.mp4" type="video/mp4" >
</video>
Run Code Online (Sandbox Code Playgroud)
还有 Jquery
$(document).ready(function(){
var scroll = $(window).scrollTop();
if(scroll > 300){
$('video').attr('autoplay':'false')
}
else{
$('video').attr('autoplay':'true')
}
})
Run Code Online (Sandbox Code Playgroud)
现在我不直接使用自动播放属性。请帮助我如何解决这个问题?
编辑 :
i updated my code to this
$(document).ready(function(){
$(window).scroll(function(){
var scroll = $(window).scrollTop();
if(scroll > 300){
$('#videoId').get(0).pause() ;
}
else{
$('#videoId').get(0).play();
}
})
})
Run Code Online (Sandbox Code Playgroud)
仍然不起作用
我刚刚通过官方msdn文档的代码.这看起来非常简单,但有一点我无法理解,当我们为Person创建对象时,tostring overrided method我们正在给出一些值,现在没有调用这个函数只是一个对象被传递给WriteLine并且它会自动打印人的详细信息它发生了吗,有人请解释一下..
using System;
class Person
{
private string myName ="N/A";
// Declare a Name property of type string:
public string Name
{
get
{
return myName;
}
set
{
myName = value;
}
}
public override string ToString()
{
return "Name = " + Name ;
}
public static void Main()
{
Person person = new Person();
Console.WriteLine("Person details - {0}", person);
person.Name = "Joe";
Console.WriteLine("Person details - {0}", person);
}
}
Run Code Online (Sandbox Code Playgroud)
产量
Person details - …Run Code Online (Sandbox Code Playgroud) 以下是我使用bootstrap 3的网站的网格结构.它在桌面版本中看起来不错,但是当我调整窗口大小时,它不会进入移动/标签视图.这里有什么不对?在桌面上我希望它们占据行的1/6,而在移动设备上占1/3.
<div class="row" id="features">
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
<div class="panel odd">
<img src="images/treatment.png" alt="Treatments">
<span>Treatments</span>
</div>
</div> <!--panel-->
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
<div class="panel odd">
<img src="images/treatment.png" alt="Treatments">
<span>Treatments</span>
</div>
</div> <!--panel-->
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
<div class="panel odd">
<img src="images/treatment.png" alt="Treatments">
<span>Treatments</span>
</div>
</div> <!--panel-->
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
<div class="panel odd">
<img src="images/treatment.png" alt="Treatments">
<span>Treatments</span>
</div>
</div> <!--panel-->
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
<div class="panel odd">
<img src="images/treatment.png" alt="Treatments">
<span>Treatments</span>
</div>
</div> <!--panel--> …Run Code Online (Sandbox Code Playgroud) 我想向数组添加新索引并在循环中向其添加值。
例如,我在循环中跟踪数组
[books] => Array
(
[0] => stdClass Object
(
[id] => 1
[user_id] => 5
[book_id] => 1
[date_issue] => 2016-07-24 00:00:00
[date_return] => 2016-07-25 00:00:00
)
[1] => stdClass Object
(
[id] => 5
[user_id] => 5
[book_id] => 2
[date_issue] => 2016-07-24 00:00:00
[date_return] => 2016-07-25 00:00:00
)
)
Run Code Online (Sandbox Code Playgroud)
这就是我得到它的方式
foreach ($query_books->result() as $key => $value) {
$result['books']= $query_books->result();
}
print_r($result);
Run Code Online (Sandbox Code Playgroud)
现在在每次迭代中我想添加一个新索引之后[date_return]我该怎么做请帮助
我正在这样的模式窗口内的php文件中使用表单
<div class="modal-body">
<form method="post" action="m.php">
<div class="form-group">
<lable>Name</lable>
<input type="text" class="form-control" required="required">
</div>
<div class="form-group">
<lable>Email</lable>
<input type="text" class="form-control" required>
</div>
<div class="form-group">
<lable>Details</lable>
<input type="text" class="form-control" required>
</div>
<div class="form-group">
<lable>Message</lable>
<textarea name="" id="" class="form-control"></textarea>
</div>
<div class="form-group">
<a href="" class="btn btn-default" name="submit" style=" background: #eee; width:100px;display: block;margin-left:auto;">Submit</a>
</div>
</form>
</div>
Run Code Online (Sandbox Code Playgroud)
现在,当我按下“提交”按钮时,文件名是m.php,它无法检测到表单提交
<?php
if( ($_SERVER['REQUEST_METHOD'] == 'POST')){
die("form submitted");
}
?>
Run Code Online (Sandbox Code Playgroud)
我也尽力$_POST['submit']帮助我这有什么问题
我有一个像这样的下拉菜单:
<div class="form-group">
<select class="form-control" id="class" name="class">
<option value="grade">Grade</option>
<option value="year">Year</option>
</select>
</div>
Run Code Online (Sandbox Code Playgroud)
旁边还有另一个下拉菜单:
<div class="form-group">
<select class="form-control" id="class_year" name="class_year" >
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option
</select>
</div>
Run Code Online (Sandbox Code Playgroud)
如果在第一个下拉列表中选择了等级,则第二个下拉列表应从 3 开始,否则应从 5 开始。我尝试使用on('change'function(){})但无法操作值,请帮助我。
这里我想改变这个值:
$("#class").on('change',function(){
if(this.value=='grade'){
// here i have to set the value, if its grade it will start from 4 otherwise it will be 3
}
})
Run Code Online (Sandbox Code Playgroud) 我在我的模型中使用以下函数:
function uploadsinglepicture($uploadpath){
$config['upload_path'] =$uploadpath;
$config['allowed_types'] = 'gif|jpg|png';
$config['max_size'] = '';
$config['max_width'] = '';
$config['max_height'] = '';
$this->load->library('upload', $config);
if ( ! $this->upload->do_upload('userfile'))
{
$error = array('error' => $this->upload->display_errors());
print_r($error);
if($this->input->post('id') == ''){
$insertion['image'] = '';
}
//$this->load->view('upload_form', $error);
}
else{
$data = array('upload_data' => $this->upload->data());
$insertion['image'] = $data['upload_data']['file_name'];
}
$image = $insertion['image'];
return $image;
}
Run Code Online (Sandbox Code Playgroud)
这是我访问控制器中的函数的方法:
if(!empty($this->input->post())){
$path= base_url().'assets/front/img';
$this->general->uploadsinglepicture($path);
redirect(base_url().'admin/home/index/sliderupated');
}
Run Code Online (Sandbox Code Playgroud)
但我得到的错误是:
数组([错误] =>上传路径似乎无效.)
如果我打印$path,这就是我得到的
http://localhost/site/assets/front/img/
Run Code Online (Sandbox Code Playgroud)
并在浏览器中以真实路径打开.我在视图中的代码如下
<form method="post" enctype="multipart/form-data" action ="<?=base_url()?>admin/home/index" >
<label>Upload Picture </label> …Run Code Online (Sandbox Code Playgroud) javascript ×6
jquery ×5
html ×4
php ×4
codeigniter ×2
css ×2
arrays ×1
asp.net ×1
c# ×1
forms ×1
oop ×1
overriding ×1
video ×1