小编Dom*_*Dom的帖子

如何使用jQuery将子元素从一个父元素移动到另一个父元素

我正在使用jQuery DataTables插件.我想将搜索框(.dataTables_filter)和记录数从其父元素(.dataTables_wrapper)显示下拉列表(.dataTables_length)到我页面上的另一个div而不会丢失任何已注册的javascript行为.例如,搜索框有一个附加到'keyup'事件的函数,我想保持完整.

DOM看起来像这样:

<body>
<div id="parent1">
  <div class="dataTables_wrapper" id="table1_wrapper">
    <div class="dataTables_length" id="table1_length">
      <select size="1" name="table1_length">
        <option value="10">10</option>
        <option value="25">25</option>
        <option value="50">50</option>
        <option value="100">100</option>
      </select>
    </div>
    <div class="dataTables_filter" id="table1_filter">
      <input type="text" class="search">
    </div>
    <table id="table1">
    ...
    </table>
  </div>
</div>
<div id="parent2">
  <ul>
    <li><a href="#">Link A</a></li>
    <li><a href="#">Link B</a></li>
    <li><a href="#">Link C</a></li>
  </ul>
</div>
</body>

Run Code Online (Sandbox Code Playgroud)

这就是我希望DOM移动后的样子:

<body>
<div id="parent1">
  <div class="dataTables_wrapper" id="table1_wrapper">
    <table id="table1">
    ...
    </table>
  </div>
</div>
<div id="parent2">
  <div class="dataTables_filter" id="table1_filter">
    <input type="text" class="search">
  </div>
  <div class="dataTables_length" id="table1_length">
    <select …

Run Code Online (Sandbox Code Playgroud)

jquery jquery-plugins

Dom*_*Dom

lucky-day

134
推荐指数

4
解决办法

16万
查看次数

接下来与if.在一个.each循环中？

我有一个文本处理的东西,我在Ruby中做.基本上,我必须实现一个简单的状态机(一个字符后视).

我的代码目前看起来像这样:

text.each{ |c|
  ...
  ...
  ...
  ...
  if @state!=:some_state
    next
  end
  #processing stuff for if in :some_state mode
  ...
  ...
  ...
  ...
  ...
}

Run Code Online (Sandbox Code Playgroud)

这是对的吗？或者它应该像下面这样实现:

text.each{ |c|
  ...
  ...
  ...
  ...
  if @state==:some_state
    #processing stuff for if in :some_state mode
    ...
    ...
    ...
    ...
    ...
  end
}

Run Code Online (Sandbox Code Playgroud)

有正确的方式还是只是偏好？哪一个与做事的"红宝石方式"更加融合？

ruby coding-style

Ear*_*rlz

2013 07-21

25
推荐指数

2
解决办法

2万
查看次数

CSS自定义属性是否跨链接的CSS文档全局？

我正在尝试使用CSS3自定义属性(又名CSS变量)取得很大成功.我在谈论--black: #000;和background: var(--black);类型变量.但是,当变量在单独的链接文档中声明时,我没有运气.

随着CSS自定义属性超过72%的浏览器兼容性(src:https://caniuse.com/#search=css%20variables),我很想开始在一个非常特定的应用程序中使用它们,我知道我的观众正在使用它们兼容浏览器.

我想知道这些CSS自定义属性是否在所有链接的CSS文档中都是全局的,或者它们是否只是:root每个文档的全局(在元素中)？

我无法找到答案(即使在规范中)!

我读到的一些研究:

我的具体问题发生在Ruby on Rails应用程序中,其中我将CSS自定义属性包含在<style>SCSS样式表之前的块中,其中包括部署时要预编译的样式.如果我将变量包含在SCSS的顶部,一切正常.但是该<style>块包含主题变量,需要在运行时由ERB编译.

<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
      :root {
        --primary-color: #000;
      }
    </style>
    <%= stylesheet_link_tag 'application', media: 'all' %>
  </head>
</html>

Run Code Online (Sandbox Code Playgroud)

css css3 css-variables

Dom*_*Dom

2017 08-09

15
推荐指数

1
解决办法

2599
查看次数

Ruby正则表达式中递归嵌套匹配的花括号对

我有以下字符串:

The {quick} brown fox {jumps {over {deep} the} {sfsdf0} lazy} dog {sdfsdf1 {sdfsdf2}

Run Code Online (Sandbox Code Playgroud)

和PHP正则表达式:

/(?=\{((?:[^{}]+|\{(?1)\})+)\})/g

Run Code Online (Sandbox Code Playgroud)

它产生以下匹配:

[5-10]  `quick`
[23-60] `jumps {over {deep} the} {sfsdf} lazy`
[30-45] `over {deep} the`
[36-40] `deep`
[48-54] `sfsdf0`
[76-83] `sdfsdf2`

Run Code Online (Sandbox Code Playgroud)

请参阅:http://regex101.com/r/fD3iZ2.

我正在尝试使用Ruby中的等效工具,但我遇到了问题(?1)...导致undefined group option错误:

str = "The {quick} brown fox {jumps {over {deep} the} {sfsdf} lazy} dog {sdfsdf {sdfsdf}"
str.scan /(?=\{((?:[^{}]+|\{(?1)\})+)\})/

SyntaxError: undefined group option: /(?=\{((?:[^{}]+|\{(?1)\})+)\})/

Run Code Online (Sandbox Code Playgroud)

见:http://fiddle.re/n6w4n.

巧合的是,我在Javascript和Python中遇到了同样的错误.

今天我的正则表达式几乎已经筋疲力尽了,非常感谢任何帮助.

ruby regex

Dom*_*Dom

2013 10-21

6
推荐指数

1
解决办法

4039
查看次数

如何将动态道具绑定到VueJS 2中的动态组件

我想知道如何迭代组件名称列表(来自对API服务器的AJAX调用)并将它们呈现为组件,并将相关属性传递给每个组件(即动态绑定它们的属性).

到目前为止,我已设法迭代表示组件的JSON项列表,并成功呈现这些组件.我现在要做的是使用绑定每个组件的属性v-bind.

在下面的示例中,item-one组件将image使用item1.jpg值接收属性; 并且item-two组件不会收到任何属性.

<template>
  <div v-for="item in items">
    <component :is="Object.keys(item)[0]" :v-bind="???"></component>
  </div>
</template>

<script>
  import ItemOne from '../components/item-one'
  import ItemTwo from '../components/item-two'

  export default {
    components: {
      ItemOne,
      ItemTwo
    },
    asyncData () {
      return {
        items: [
          { 'item-one': { 'image': 'item1.jpg' } },
          { 'item-two': { } }
        ]
      }
    }
  }
</script>

Run Code Online (Sandbox Code Playgroud)

我尝试使用:v-bind="Object.values(Object.keys(item)[0])"但是我v-bind="[object Object]"在渲染元素中获取了属性.

javascript vue.js vue-component vuejs2 nuxt.js

Dom*_*Dom

lucky-day

5
推荐指数

1
解决办法

4676
查看次数

Rails 4:未定义的方法`primary_key_name'

我使用Rails 4.0.0.beta收到以下错误:

NoMethodError: undefined method `primary_key_name' for #<ActiveRecord::Reflection::AssociationReflection

Run Code Online (Sandbox Code Playgroud)

使用Rails 3.2.x时,我没有得到异常.

我在Rails 3.2.13和Rails 4.0.0.beta上使用Ruby 1.9.3-p194.

问题源于以下has_many声明:

class Store < ActiveRecord::Base
  has_many :relationships
  has_many :customers, :through => :relationships, :source => :user,
    :conditions => { :relationships => { :description => "Customer" } } do
      def <<(user)
        proxy_association.owner.relationships.create(:description => "Customer", :user => user)
      end
    end
end

Run Code Online (Sandbox Code Playgroud)

我有以下支持课程:

class User < ActiveRecord::Base
  has_one :relationship
  has_one :store, :through => :relationship
end

class Relationship < ActiveRecord::Base
  belongs_to :store
  belongs_to :user
end

Run Code Online (Sandbox Code Playgroud)

我想知道如何has_many使用Rails 4友好代码实现相同的功能？ …

ruby-on-rails ruby-on-rails-4 rails-activerecord

Dom*_*Dom

lucky-day

4
推荐指数

1
解决办法

1916
查看次数

如何将NSDecimalNumber转换为NSInteger？

好的,我正在使用支持JSON的Rails Web服务来为iPhone应用程序提供数据.我发现我的整数值(ID)被json-framework解释为NSDecimalNumber类型.我需要它作为整数.如何从NSDecimalNumber类型变量中获取整数值？我已经尝试了所有我知道的东西,而且我的智慧结束了.

cocoa-touch types json-framework

Dom*_*Dom

2009 01-18

2
推荐指数

1
解决办法

5519
查看次数