我正在开发一个带有滑出菜单的项目,当单击一个菜单项时会使页面变暗,移动一些div,然后返回屏幕进行查看.我已经完成了这个全屏,固定位置div使用.animate将不透明度设置为1,用.css移动我的divs然后.anan全屏幕div回到不透明度0.虽然这一切似乎都有效,但它不按顺序工作.代码首先运行所有.css命令,然后运行所有.animate命令.
$("#overlay").animate({"opacity":"1"}, "slow")
$(".main").css({"left":"-100%"})
$(".section").css({"left":"-100%"})
$(".pink").css({"left":"0"})
$("#overlay").animate({"opacity":"0"}, "slow")
Run Code Online (Sandbox Code Playgroud)
代码顺序正确,但.main div移出屏幕,所有.section div移出屏幕,.pink div移动到屏幕上,然后#overlay不透明度设置为1,然后#overlay opacity为设为0.
为什么所有.css操作都会触发,然后是.animate操作?我如何按顺序让它们发生?
我正在尝试创建一个"你是如何找到我们的表单元素"而且我遇到了一些jQuery问题.用户从选项列表中进行选择,其中一个是"其他".当选择其他文本框时,它们可以更具体.为了使用户更友好,在显示其他选项时隐藏输入.我已经让jQuery工作以显示和隐藏文本输入,因为用户更改了选项,但我希望它清除文本框中的任何文本,如果用户选择其他,填充内容,然后选择另一个选项.
<label for="pcFindUs">How did you hear about us?</label>
<select name="pcFindUs" id="pcFindUs" onChange="getval();">
<option value="No Answer">Select One</option>
<option value="Internet Search">Internet search</option>
<option value="Internet Advertisement">Internet ad</option>
<option value="Soclail Media">Social media </option>
<option value="Unknown">I don't remember</option>
<option value="other">Other</option>
</select><br/>
<div id="pcHiddenOtherSpecify" style="display:none;">
<label for="pcFindUsSpecify">(Please Specify): </label><input type="text" value="" id="pcFindUsSpecify" name="pcFindUsSpecify" maxlength="50">
</div>
<script>
function getval(){
var values = $('#pcFindUs :selected').val();
if (values == "other"){
$("#pcHiddenOtherSpecify").css("display","block");
}else{
$("#pcHiddenOtherSpecify").attr("value","");
$("#pcHiddenOtherSpecify").css("display","none");
}
}
</script>
Run Code Online (Sandbox Code Playgroud)
pcHiddenOtherSpecify包含附加输入的div显示并消失得很好,但#pcHiddenOtherSpecify仍然具有用户输入的值.我也试过了
$("#pcHiddenOtherSpecify").val("");
Run Code Online (Sandbox Code Playgroud)
没有运气.我在这里做错了什么想法?
我有一个包含餐厅信息的mySQL表。该信息的一部分是用逗号分隔的数字列表,该数字列表对应于餐厅提供的美食类型。我在从数据库中获取正确的信息时遇到了一些问题。桌子看起来像
id businessName cuisine_id
1 Pizza Place 2,3,4,
2 Burger Place 12,13,14,
Run Code Online (Sandbox Code Playgroud)
我想出了
SELECT * FROM restaurant WHERE cuisine_id LIKE "%2,%"
Run Code Online (Sandbox Code Playgroud)
但这给我带来了一个问题,即它与“ 2”,“ 12”和“ 22”匹配。
我也试过
SELECT * FROM restaurant WHERE cuisine_id LIKE "[^0-9]2,%"
Run Code Online (Sandbox Code Playgroud)
但是那什么也没返回。
有关如何编写此表达式的任何建议?
我正在研究一个给我一些问题的Rails项目.我有一个控制器characters_controller.rb,有两种方法.
class CharactersController < ApplicationController
before_action :authenticate_player!
def view
@character = Character.find(params[:id])
unless @character.player_id == current_player.id
redirect_to :root
end
end
def new
end
end
Run Code Online (Sandbox Code Playgroud)
我为每个人设置了路线.
get 'characters/:id', to: 'characters#view'
get 'characters/new', to: 'characters#new'
Run Code Online (Sandbox Code Playgroud)
第一条路线工作正常.我可以转到/ characters/1,我会看到相应的视图和请求的信息.如果我访问/ characters/new,我会显示一个引用字符#view的错误.
raise RecordNotFound, "Couldn't find #{name} with '#{primary_key}'=#{id}"
Run Code Online (Sandbox Code Playgroud)
和
app/controllers/characters_controller.rb:6:in `view'
Run Code Online (Sandbox Code Playgroud)
所以/ characters/new试图从id为"new"的数据库中获取一个Character但是效果不好.知道我可能做错了吗?