小编She*_*ixt的帖子

我希望使用Wordpress库快捷方式,但我想将输出绑定到Foundation Orbit插件(制作滑块).这是我想要输出的HTML:

<div class="slideshow-wrapper">
    <div class="preloader"></div>
    <ul data-orbit>
        <li>
            <img src="img1.png" alt="bla bla bla" />
        </li>
        <li>
            <img src="img2.png" alt="bla bla bla" />
        </li>
        <li>
            <img src="img3.png" alt="bla bla bla" />
        </li>
        <li>
            <img src="img4.png" alt="bla bla bla" />
        </li>
    </ul>
</div>

是否可以放入functions.php(或类似)某些东西来实现这一目标？

从useEffect钩子内的 Redux 存储中获取状态的正确方法是什么？

    useEffect(() => { 
        const user = useSelector(state => state.user);
    });

我正在尝试获取当前状态，useEffect但我无法使用该useSelector调用，因为这会导致错误说明：

Invariant Violation: Hooks can only be called inside the body of a function component.

我想我明白为什么它打破了钩子的主要规则之一。

通过查看Redux 文档上的示例，他们似乎使用一个selectors.js文件来收集当前状态，但mapStateToProps我理解的这个参考不再需要。

我是否需要创建某种应该在useEffect钩子内调用的“getter”函数？

我只是将我的项目文件迁移到D:驱动器上的新PC上,而我的程序(Git,Node Js,Ruby等)在C:驱动器上.

我compass watch在编辑SASS文件后尝试运行,但遇到此错误:

Errno::EACCES on line ["897"] of C: Permission denied - <D:/project_dir/stylesheets/app.css20140323-10532-gziux, D:/project_dir/stylesheets/app.css>
Run with --trace to see the full backtrace

我在命令行使用Ruby是一个新手(因为我只将它用于Web开发目的).我需要做什么才能允许权限？

如果我能提供更多信息,请告诉我.

编辑:这是运行后返回的内容compass watch --trace:

D:\project_dir>compass watch --trace
>>> Change detected at 21:53:53 to: app.scss
overwrite stylesheets/app.css
Errno::EACCES on line ["897"] of C: Permission denied - (D:/project_dir/stylesheets/app.css20140323-14712-11v62k7, D:/project_dir/stylesheets/app.css)
C:/Ruby200-x64/lib/ruby/gems/2.0.0/gems/sass-3.2.18/lib/sass/util.rb:897:in `atomic_create_and_write_file'
C:/Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.4/lib/compass/actions.rb:58:in `write_file'
    C:/Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.4/lib/compass/compiler.rb:143:in `compile'
    C:/Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.4/lib/compass/compiler.rb:118:in `compile_if_required'
    C:/Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.4/lib/compass/compiler.rb:103:in `block (2 levels) in run'
    C:/Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.4/lib/compass/compiler.rb:101:in `each'
    C:/Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.4/lib/compass/compiler.rb:101:in `block in run'
    C:/Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.4/lib/compass/compiler.rb:126:in …

我正在开发一个简单的Wordpress应用程序,但我遇到了一个问题,因为所有的插件脚本都是在我加入的那些之前呈现的functions.php.

以下是以下示例部分functions.php:

function my_scripts() {
    wp_register_script('app-js', get_template_directory_uri() . '/javascripts/app.js', array('jquery'), null, true );
    wp_enqueue_script('app-js');
}
add_action( 'wp_enqueue_scripts', 'my_scripts');

需要注意的重要一点是(按照最佳实践,我的JS设置为在页面底部呈现.

我也有几个插件在主题上运行.问题是输出看起来像这样:

<!-- Note the plugin appears first -->
<script type='text/javascript' src='http://localhost/wordpress/wp-content/plugins/my-plugin/acl-plugin.js'></script>
<!-- And the main JS appears second -->
<script type='text/javascript' src='http://localhost/wordpress/wp-content/themes/my-theme/javascripts/app.js'></script>
</body>
</html>

我如何强制Wordpress显示主JS(我认为它呈现wp_head()在页面的最底部？

我在我正在开发的项目中使用Twitter的Bootstrap'Collapse'插件.我有一个简单的手风琴(根据文档设置),但我想修改从点击到悬停事件的默认功能.

谁能确认实现这一目标的最佳方法？

所以我有一个小问题(类似于我前几天发布的那个:http://bit.ly/11JpbdY)在一个隐藏在负载上的内容上使用SlabText.这一次,我试图让slabText更新滑块中某些内容的显示(使用Twitter Bootstrap的Carousel插件).

继Twitter的文档(http://twitter.github.com/bootstrap/javascript.html#carousel)为引导的旋转木马插件,我试图用slide事件让我再次打电话SlabText,使其正确显示.

使用开发人员工具,我可以看到Carousel .next在处理一个.item元素到下一个元素的幻灯片时添加了一个类.然后在.active转移课程之前将其删除.

我可以毫无问题地访问"幻灯片"事件,但试图获取该.next元素证明是麻烦的.到目前为止,这是我的代码的JSFiddle:http://jsfiddle.net/peHDQ/

简单地提出我的问题; 我应该如何正确使用slide事件来触发函数？

如果有任何其他信息有用,请告诉我.

附加说明:

因为我无法掌握这个.next类,所以我试图用一些jQuery来做这件事.这是我到目前为止的代码:

$('.carousel').carousel({
    interval: 5000
}).on('slide', function (e) {
    $(this).find('.active').next().find('.slab').slabText();
});

根据我的理解,这应该抓住每个.slab元素并触发SlabText插件....唉,我得到一个错误:

"Uncaught TypeError:Object [object Object]没有方法'slabtext'"

谁能告诉我这里做错了什么......？我使用完全相同的过程来添加一个类,它工作正常(根据这个JSFiddle:http://jsfiddle.net/peHDQ/2/)

我使用Twitter的Bootstrap作为我正在进行的项目的框架.我试图使用jQuery Validate插件验证一个简单的联系表单,但它引起了一些令人头疼的问题.

我想在每个表单的输入的父div中添加一个Error或Valid类.这是我的表单代码:

 <form id="msg-form" class="">
    <fieldset>
        <div class="input-prepend control-group pull-left">
            <span class="add-on">@</span>
            <input class="span3 required email" id="inputEmail" name="msg-email" type="text" placeholder="example@example.com">
        </div>
        <div class="input-prepend control-group pull-left">
            <span class="add-on"><i class="icon-user"></i></span>
            <input class="span3 required" id="inputName" name="msg-name" type="text" placeholder="Joe Bloggs">
        </div>
        <div class="input-prepend control-group">
            <span class="add-on" style="height: 53px;"><i class="icon-pencil"></i></span>
            <textarea class="span3 required" id="textarea" name="msg-comments" rows="2" style="height: 53px" placeholder="Just say hi, or tell us how we can help"></textarea>
        </div>
        <button type="submit" class="btn pull-right">Submit<i class="icon-chevron-right"></i></button>
    </fieldset>
</form> 

正如你所看到的,我的div.control-group …

我正在尝试创建一个折线图，其中线条（和点）的颜色取决于绘制的值。例如，如果该值高于以下阈值，[0, 115, 125]则颜色将['green', 'yellow', 'red']分别为。

要求与本示例中实现的要求几乎相同：https : //jsfiddle.net/egamegadrive16/zjdwr4fh/

不同之处在于我正在使用react-chart-js-2，因此draw()无法以相同的方式访问该方法。相反，建议创建一个插件来操作图表。

这是目前的插件代码：

import { Chart } from "react-chartjs-2";

class variableLineColorUtils {
  selectColor(value, thresholds, colors) {
    let color = colors[0];
    thresholds.every((limit, index) => {
      if (value < limit) return false;
      else color = colors[index];
      return true;
    });

    return color;
  }
}

const variableLineColor = {
  id: "variableLineColor",
  afterDraw: (chart, easing) => {
    const options = chart.options.variableLineColor;
    if (options) {
      const utils = new variableLineColorUtils(); …

我正在为一个新网站进行构建，其中包括Wordpress插件Contact Form 7，以处理表单的提交，并且（应该）通过AJAX显示响应。

我根本无法使AJAX方面发挥作用。提交后，表单可以正常工作，但是页面会重新加载并显示404页面……不酷！

在常见问题页面之后，我进行了许多测试。我可以确认：

1. 页面正确引用wp_head和wp_footer。
2. 该页面在控制台中没有JavaScript错误。
3. 虽然页面有一个或两个验证错误（由另一个插件创建），但我认为这不是问题。我试图通过剥离除表单（以及页眉和页脚）之外的所有内容来测试这一点。
4. 我因冲突而停用了每个插件，问题仍然存在。
5. 我已清除了永久链接（通过重新保存settings > permalinks）并进行了测试。
6. 我创建了新的表单实例并进行了测试。
7. 重新安装了Contact Form 7插件并进行了测试。

毕竟，我还没有找到解决方案。任何人都可以在这个问题上有所作为，因为我非常想避免使用其他插件。

如果需要，我可以提供更多详细信息。谢谢！

在我的 React Native 项目中，我在功能组件中使用 React Hooks 来设置我的 Redux 存储上的状态。然后我试图通过prop调用的方式将来自商店的值传递给子组件timestamp

问题是，子组件利用了DateTimePicker组件（ from react-native-modal-datetime-picker），并且当它最初呈现timestampprop 时未定义，这会导致它出错。结果可以通过以下控制台日志看到：

undefined
undefined
Object {
  "date": "2019-08-20",
  "full": 2019-08-20T12:21:52.874Z,
  "time": "01:21:52",
}
Object {
  "date": "20.08.2019",
  "time": "01:21 pm",
}

组件被渲染两次。首先，道具是未定义的，然后它们被填充。

如何强制props在第一次渲染之前加载？

我不想直接在子组件中调用状态，因为这将在各种用例中重复使用。

这是父组件：

import React, { useEffect } from 'react';
import { View } from 'react-native';
import { useSelector, useDispatch } from 'react-redux';
import DateInput from '../../../components/DateTimeInput';
import * as actions from '../../../redux/actions';
import moment from 'moment'; …