小编Dav*_*vid的帖子

Jquery不按顺序做事

我正在开发一个带有滑出菜单的项目,当单击一个菜单项时会使页面变暗,移动一些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操作?我如何按顺序让它们发生?

html css jquery

2
推荐指数
1
解决办法
57
查看次数

jquery不改变文本输入的值

我正在尝试创建一个"你是如何找到我们的表单元素"而且我遇到了一些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)

没有运气.我在这里做错了什么想法?

javascript jquery

2
推荐指数
2
解决办法
98
查看次数

与逗号分隔列表匹配的MySQL模式

我有一个包含餐厅信息的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)

但是那什么也没返回。

有关如何编写此表达式的任何建议?

regex mysql

0
推荐指数
1
解决办法
667
查看次数

Rails控制器使用错误的方法

我正在研究一个给我一些问题的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但是效果不好.知道我可能做错了吗?

ruby ruby-on-rails controllers

0
推荐指数
1
解决办法
419
查看次数

标签 统计

jquery ×2

controllers ×1

css ×1

html ×1

javascript ×1

mysql ×1

regex ×1

ruby ×1

ruby-on-rails ×1