小编Nic*_*ick的帖子

我正在开发一个gulp用于编译和浏览器同步的网站,以保持浏览器与我的更改同步.

gulp任务正确编译所有内容,但在网站上,我无法看到任何样式,并且控制台显示以下错误消息:

拒绝应用' http:// localhost:3000/assets/styles/custom-style.css '中的样式,因为其MIME类型('text/html')不是受支持的样式表MIME类型,并且启用了严格的MIME检查.

现在,我真的不明白为什么会这样.

HTML包含这样的文件(我非常肯定是正确的):

<link rel="stylesheet" type="text/css" href="assets/styles/custom-style.css"/>

而样式表现在是bootstrap和font-awesome样式之间的合并(没有任何自定义).

路径也是正确的,因为这是文件夹结构:

index.html
assets
|-styles
  |-custom-style.css

但我一直在收到错误.

知道它可能是什么？对于gulp/browsersync这可能是什么(可能是一个设置？)​​？

任何帮助都非常感谢,如果需要,可以随时询问更多细节.

谢谢

我正在尝试使用css内容和图像(base64),但是当我加载页面时,就像一个断开的链接图像一样.

现在,我正在使用一个网站下载base64图像,这是我正在使用的CSS,它给了我破碎的图像:

.default:after{
    content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZD0iTTgsMEMzLjU4MiwwLDAsMy41ODIsMCw4czMuNTgyLDgsOCw4czgtMy41ODIsOC04UzEyLjQxOCwwLDgsMHogTTksMTJjMCwwLjU1Mi0wLjQ0OCwxLTEsMXMtMS0wLjQ0OC0xLTFWNw0KCWMwLTAuNTUyLDAuNDQ4LTEsMS0xczEsMC40NDgsMSwxVjEyeiBNOCw1LjAxNmMtMC41NTIsMC0xLTAuNDQ4LTEtMWMwLTAuNTUyLDAuNDQ4LTEsMS0xczEsMC40NDgsMSwxQzksNC41NjgsOC41NTIsNS4wMTYsOCw1LjAxNnoNCgkiLz4NCjwvc3ZnPg0K1422f94715e8d9b67004ad32568deab3');
    position:absolute;
    width:100px;
    height:100px;
  }

如果我将"损坏的"基础64图像打开到新的铬标签中,这就是产生的错误:

此页面包含以下错误:

第1行第10行的错误:文档末尾的额外内容下面是第一个错误之前的页面呈现.

现在,我从来没有使用过base64图像,但我必须做一些特别的事情,或者只是复制并粘贴自动生成的代码？

在此先感谢您的帮助

**PS:我正在开发本地主机,我不知道它是否可能是原因.

当我尝试显示woocommerce客户订单评论(不是笔记,而是客户在结账过程中可以添加的评论)时,我遇到了一些问题.

(我将仅添加此问题的相对行,因为其他woocommerce数据正确显示,因此它不应该是设置问题).

到目前为止我尝试过的是:

$notes = $order->get_customer_order_notes(); //This line returns an Array[]

在该数组中,这是我认为我需要的字段,因为它包含我的订单注释:

$notes
  0={stdClass} 38
    post_excerpt = "test"

所以我做的是尝试显示这样的值:

echo "Order Notes: " . $notes->post_excerpt

但不幸的是结果是空的.

我究竟做错了什么？非常感谢

首先,我对这种本地主机服务器设置完全不熟悉,并且我花了最近几天试图解决这个问题,但没有运气.

我正在开发一个带有电子邮件表单的php网站.

我在使用codekit和MAMP FREE的MAC上,一切正常.现在我的问题是,是否可以测试应该从本地发送的电子邮件？

我已经尝试了很多例子,例如取消注释文件中的[mail function]位php.ini,安装第三方应用程序,如fakeSMTP和MockSMTP,但绝对没有任何效果.该mailto()代码应工作,因为当我调试它没有错误抛出

是否可以这样做？谁知道如何正确设置或者可以指向一个防笨的指南？

我在 template.php 文件中使用查询来按wooCommerce类别显示产品。

我的查询如下所示：

<?php
   $args = array(
     'post_type' => 'product',
     'stock' => 1,
     'posts_per_page' => 99,
     'tax_query' => array(
          'relation' => 'OR',
           array(
              'taxonomy' => 'product_cat',
              'field' => 'slug',
              'terms' => 'system_components',
              'menu_order' => 'asc'
           ),
           array(
              'taxonomy' => 'product_cat',
              'field' => 'slug',
              'terms' => 'add-ons',
              'menu_order' => 'asc'
           )
      ),
      'meta_query' => array(
            array(
               'key'       => '_visibility',
               'value'     => 'hidden',
               'compare'   => '!='
      )
    ));


   $loop = new WP_Query($args);
   if ($loop->have_posts()) {
     while ($loop->have_posts()) :
          $loop->the_post(); …

我在stackoverflow上看过一些类似的问题,但我的有点不同......

我需要能够将自定义数据属性添加到wordpress菜单.我遇到的问题是我发现的所有解决方案,例如:

add_filter( 'nav_menu_link_attributes', 'my_nav_menu_attribs', 10, 3 );
function my_nav_menu_attribs( $atts, $item, $args )
{
  // The ID of the target menu item
  $menu_target = 365;

  // inspect $item
  if ($item->ID == $menu_target) {
    $atts['data-reveal-id'] = 'myModal';
  }
  return $atts;
}

允许您将相同的属性添加到所有菜单项.我需要的是,实际上是一种添加相同数据属性的方法,但在列表上的每个元素上使用不同的值.

这几乎是我需要达成的目标:

<ul id="myMenu">
    <li data-menuanchor="firstPage" class="active"><a href="#firstPage">First section</a></li>
    <li data-menuanchor="secondPage"><a href="#secondPage">Second section</a></li>
    <li data-menuanchor="thirdPage"><a href="#thirdPage">Third section</a></li>
    <li data-menuanchor="fourthPage"><a href="#fourthPage">Fourth section</a></li>
</ul>

因为我需要在这里使用这个插件:https://github.com/alvarotrigo/fullPage.js#fullpagejs

任何建议？

谢谢

我在使用 Bootstrap 和 Wordpress 管理面板时遇到问题。

基本上，我安装了一些 Bower 组件，当我构建项目时，它们全部连接在一起（对于 CSS 和 JS）。

问题是：Bootstrap.hidden类使用!important

这对我来说是一个问题，因为 WordPress 管理端的一些元素如下所示：

... class=".... hidden" style="display:none" ...>

它们都有类 .hidden 和内联样式。

Wordpress 默认.hidden类被 Bootstrap 类取代，因此内联样式被忽略，并且 Bootsrap!important阻止它从 更改display: none为display: block。

不幸的是，我需要在后端引导程序来处理很多其他事情。

有什么办法可以替代该课程吗？（我只是想摆脱!important保持其他一切不变）

理想情况下，无需更改引导程序核心css，以便更新安全

ps：这在 Bootstrap 4 上会有所不同吗？如果能解决这个问题我不介意更新它。

谢谢

我正在尝试在Android设备上进行一些硒测试。所有的连接缝都可以正常工作，就像在设备上我可以看到chrome打开，然后将url更改为data一样；

但网址更改后，一切都停止了

[启动器]错误：TypeError：无法读取module.exports中未定义的属性“ Q”（C：\ src \ angular-test \ node_modules \ wd-bridge \ lib \ wd-bridge.js：6：13）

我认为这与wdBridge有关，好像我检查wd-bridge，js，Q看起来像这样：

var Q = wd.Q;

我不知道为什么它不起作用。

我的量角器配置文件如下：

"use strict";

exports.config = {
    specs: ['e2e/*.js'],
    framework: 'jasmine',
    capabilities: {
        'appium-version': '',
        'platformName': 'Android',
        'platformVersion': '6.0',
        'deviceName': 'Android Device',
        'autoWebView': true,
        'app': "C:/src/angular-test/platforms/android/build/outputs/apk/android-debug.apk",
        'udid': '',
        'fullReset': true,
        'browserName': 'chrome'
    },
    jasmineNodeOpts: {
        showColors: true,
        defaultTimeoutInterval: 30000,
        print: function () {
        }
    },
    onPrepare: function () {

        var DisplayProcessor = require('../node_modules/jasmine-spec-reporter/src/display-processor');
        var SpecReporter = require('jasmine-spec-reporter');

        function TimeProcessor(options) { …

我已经设置了一个儿童主题.是否可以通过FTP在我的服务器上添加一个文件夹(最好是在同一个子主题文件夹中)img,然后从我的页面和帖子链接到该文件夹​​中的图像？

我尝试使用此路径:

<img src="../wp-content/themes/theme-child/img/placeholder.png"/>

但那没用.

我相信这对你来说是一个非常简单的问题,但我只是不明白.

我有一些显示一个表的PHP代码,其中我有一个div,onclik应该触发一个函数来改变点击的元素背景颜色.

这是我的HTML:

<div class='modRequiredLink' onclick='test();'>
   <div id='animated-example' class='animatedSlide'></div>
</div>

这是功能:

function test() {
    $(".modRequiredLink").click(function (event) {
        $(this).find("#animated-example").toggleClass("red");;
    });
}

现在,像这样它可以工作,但它需要两次点击才能被触发,而如果我将功能改为这样:

function test() {
        $(this).find("#animated-example").toggleClass("red");;
}

它不再起作用了......

为什么？任何建议？提前致谢