小编Blu*_*nch的帖子

我不知道如何更改此 Bootstrap 4 切换开关的“选中”背景颜色。它使用额外的库来切换深色和浅色模式 \xe2\x80\x93 Here on github \xe2\x80\x93 但这是有效的。我想要做的就是更改活动复选框的背景颜色，默认情况下为蓝色。Bootstrap CSS 默认为蓝色吗？这个答案更改 Bootstrap 4 复选框背景颜色对我不起作用；它更改了未选中的颜色，但我无法从中 grep 如何更改选中的颜色。

在这里摆弄

我的代码在这里：

.custom-control-input {\n  background-color: red;\n}

<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">\n<div class="custom-control custom-switch">\n  <input type="checkbox" class="custom-control-input" id="darkSwitch" />\n  <label class="custom-control-label" for="darkSwitch">Dark Mode</label>\n</div>

\n

我正在尝试使用 的值localStorage来显示两个 Twitter 提要之一，一个用于浅色模式主题，另一个用于深色模式。它的工作原理，但我必须刷新正确的CSS的网页-要么twitter-dark-display-none或twitter-light-display-none-工作。

使用jQuery(document).ready(function ()没有帮助。

The Fiddle: https://jsfiddle.net/zpsf5q3x/2/但由于 JSFiddle 限制显示第三方框架，示例推文没有显示。而且，localstorage 也可能无法在那里工作。

Fiddle 调用两个外部库： https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/css/bootstrap4-toggle.min.css和https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/js/bootstrap4-toggle.min.js

HTML：

注意data-theme="dark"第一个块中的 。

<div class="twitter-dark-display-none">
<a class="twitter-timeline" data-width="170" data-height="200" data-theme="dark"
 data-tweet-limit="1" data-chrome="transparent nofooter noborders" href="https://twitter.com/StackOverflow?ref_src=twsrc%5Etfw">Tweets</a>
</div>

<div class="twitter-light-display-none">
<a class="twitter-timeline" data-width="170" data-height="200" data-tweet-limit="1" data-chrome="transparent nofooter noborders" href="https://twitter.com/StackOverflow?ref_src=twsrc%5Etfw">Tweets</a>
</div>

jQuery：

使用 localStorage 在暗模式和正常模式之间切换整个站点的整体功能。

$('body').toggleClass(localStorage.toggled);
function darkLight() {
  if (localStorage.toggled != 'dark') {
    $('body').toggleClass('dark', true);
    localStorage.toggled = "dark";
  } else {
    $('body').toggleClass('dark', false);
    localStorage.toggled …

这是父级div的toggleClass的后续内容，不会随着onClick而改变

在我的 HTML 布局中，我发现我需要#filters在记录之后而不是之前生成 div，因为我需要使用 PHP 为每个状态构建按钮。.append这给了我使用 jQuery将 #filters 移动到记录上方的 #move-filters-here 的想法。但是，在我对某个状态进行筛选后，筛选器出现在记录下方，并且.append无法将 #filters 移动到记录上方的 #move-filters-here。

尚未.append使用（文档）。准备好了吗？

有没有不同的方法来.append移动#filters？

.appendOnclick 函数之后是否需要再次“触发”？

小提琴： https: //jsfiddle.net/j3semt6h/10/

$(document).ready(function(){

$("#filters").append("#move-filters-here");

$('.state-button').on('click', function() {

  let _this = $(this);

  if (!_this.hasClass('active')) {

    $('.state-button.active, .record.active').removeClass('active');
    $('[data-state=' + _this.data('state') + ']').addClass('active');

  }

});

});

  .record {
    display: none;
}

.state-button {
    border: 2px solid #c2c2c2;
    padding: 5px;
    border-radius: 5px;
    margin: 0 10px 0 10px;
}

.state-button.active {
    border-color: …

这必须很简单，但我看不出有什么问题。我正在使用https://twig.symfony.com/doc/1.x/advanced.html#filters上的简单过滤器示例和 Twig 1.34 in Timber，一个 WordPress 插件。

我加了

// an anonymous function
$filter = new Twig_SimpleFilter('rot13', function ($string) {
    return str_rot13($string);
});

和

$twig = new Twig_Environment($loader);
$twig->addFilter($filter);

到我的主题的functions.php 文件。

但是{{ 'Twig'|rot13 }}在我的 view.twig 文件中使用会出现致命错误

PHP Fatal error:  Uncaught exception 'Twig_Error_Syntax'
with message 'Unknown "rot13" filter' in view.twig

和通知

Undefined variable: loader in functions.php

使用类似的过滤器{{ 'Twig'|lower }}可以正常工作。

我是否需要以不同的方式将函数添加到 functions.php？

我正在制作一个书签,它创建href当前浏览器选项卡的链接并将其复制到剪贴板.这个书签在Safari中有效:

javascript:
!function(a){
var%20b=document.createElement("textarea"),
c=document.getSelection();
b.textContent=a,document.body.appendChild(b),
c.removeAllRanges(),b.select(),
document.execCommand("copy"),
c.removeAllRanges(),
document.body.removeChild(b)}
('<a%20title="'+document.title+'"%20href="'+document.location.href+'">'+document.title+'</a>');

但是在Firefox 65中,我收到错误"document.execCommand('cut'/'copy')被拒绝,因为它没有从用户生成的短暂事件处理程序中调用." 在查看使用document.execCommand('copy')复制到剪贴板时失败并显示大文本我试图在函数之前生成链接的html,以解决答案中指出的问题.但是,使用下面的代码,我得到一个新的浏览器选项卡,文本为"true",没有复制到剪贴板的链接.

javascript:
const text = ('<a%20title="'+document.title+'"%20href="'+document.location.href+'">'+document.title+'</a>');
!function(a){
var%20b=document.createElement("textarea"),
c=document.getSelection();
b.textContent=a,document.body.appendChild(b),
c.removeAllRanges(),
b.select(),
document.execCommand("copy"),
c.removeAllRanges(),
document.body.removeChild(b)}('text');

这是生成href链接的时间问题吗？或者是其他东西？

我正在尝试开发一个简单的 Django 应用程序，其中包含联系表单和感谢页面。我根本没有使用 Django 'admin'；也没有数据库。姜戈 3.2.12。我正在本地主机上使用python manage.py runserver

我无法在 处显示实际的表单http://127.0.0.1:8000/contact/contact；我所看到的只是来自以下位置的提交按钮/contact/contactform/templates/contact.html：

静态文件加载正常：http://127.0.0.1:8000/static/css/bootstrap.css

thanks.html 页面加载正常：http://127.0.0.1:8000/contact/thanks

这是目录结构：

/contact/contact/settings.py

import os
from pathlib import Path
from dotenv import load_dotenv
load_dotenv()

DEBUG=True

BASE_DIR = Path(__file__).resolve().parent.parent

ALLOWED_HOSTS = ['127.0.0.1'] + os.getenv('REMOTE_HOST').split(',')

SECRET_KEY = os.getenv('SECRET_KEY')
EMAIL_USE_TLS = os.getenv('EMAIL_USE_TLS')
EMAIL_HOST = os.getenv('EMAIL_HOST')
EMAIL_PORT = os.getenv('EMAIL_PORT')
EMAIL_HOST_USER = os.getenv('EMAIL_HOST_USER')
EMAIL_HOST_PASSWORD = os.getenv('EMAIL_HOST_PASSWORD')


INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',

    'contactform.apps.ContactformConfig',
]

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware', …

我想http://example.com在浏览器窗口中测试 URL中的空搜索字符串，即http://example.com/search/?s=，但不匹配/search/?s=withsearchterms, 之后有任何搜索词的任何内容/search/?s=，然后使用if语句并.addClass显示警告未输入搜索词的 div。

我正在尝试使用 Javascript，g.test如下所示；RegEx根据几个 RegEx 测试人员的说法，该模式是有效的。但没有运气：

var href = window.location.href;

var contains = /[\/?s=]+/g.test(href);

if (contains) {

$("#no-search-terms").addClass("display-block");

}

我的正则表达式错了吗？是我用test错了吗？

编辑 11/29/2020

这项工作，感谢Heo：

var search = window.location.href;
var regex = /(?<=\/\?s=).*$/
    
var result=regex.exec( search )

if (result && result[0]=='') {
      
  alert("The search terms are empty.");
} else {
  alert("The search terms are not empty or no matched.");
} …