小编Bra*_*ing的帖子

如何在 div 中显示闪烁的光标（允许通过键盘选择文本）但保持只读（禁止文本输入）？

我知道我可以设置contentEditable在 div 上启用光标，但用户可以编辑内容。我试过将contentEditable和添加readonly到 div 中，但它似乎readonly只对输入元素有效，如 textarea 或 input。

我也尝试过使用 textarea 并将其设置为 readonly 以便它显示光标但不允许文本输入，如下所示：

<textarea readonly>Go ahead and move the cursor here but don't try to add text</textarea>

这是我正在寻找的功能，但我想用 div 或其他一些非输入元素来做到这一点。我愿意使用 3rd 方库。

注意：此处的“光标”或“插入符号”指的是指示文本选择开始/结束位置的闪烁线。

使用wp_nav_menu()似乎不允许我正确地将类分配给我的ul元素。这是我的菜单代码：

wp_nav_menu( array( 
    'container' => false,
    'menu_class' => 'nav navbar-nav navbar-left',
    'theme_location' => 'primary'
) );

问题是，即使我尝试将容器设置为 false 和 ，这仍然将我的菜单类分配为容器类''。这最终成为我的导航栏 html：

<div class="nav navbar-nav navbar-left">
  <ul>
    <li class="page_item page-item-31"><a href="https://wordpress-c9-bradydowling.c9.io/?page_id=31">Contact Us</a></li>
    <li class="page_item page-item-5"><a href="https://wordpress-c9-bradydowling.c9.io/?page_id=5">My Little Page</a></li>
    <li class="page_item page-item-2"><a href="https://wordpress-c9-bradydowling.c9.io/?page_id=2">Sample Page</a></li>
  </ul>
</div>

这是我的完整 header.php文件的要点，以防相关。根据wp_nav_menu 文档，这似乎正是我应该调用它的方式。

是否有某个地方的设置或某个插件的版本可能会搞砸？我更新到 Wordpress 4.4.2 有关系吗？

我似乎最小化了主菜单栏(不是特定术语),它位于Cloud9 IDE的顶部或顶部.顶部中心有一个小的下拉箭头,您认为这可能表示将其恢复原状,但我的计算点击次数并没有增加任何功能.

我试图扩大它无济于事,刷新URL,复制命令等等,令我惊讶的是,我的知识很少,没有成功.我正在使用ChromeOS,如果要提供更多帮助.有任何想法吗？感谢您阅读,如果你有这么远,我当然很感激.

我知道 Lodash 经常为 JavaScript 中已经存在的函数添加一些额外的检查或细节，但不清楚_.toNumber我不会使用parseInt.

我更喜欢仅在 Lodash 提供现有 JavaScript 函数所不具备的好处时才使用它，但在这种情况下我看不到任何好处。

如果我在 JavaScript 中声明新变量，我可以通过如下解构来实现：

const myObj = {
  thing1: 'first thing',
  thing2: 'second thing'
};

const { thing1, thing2 } = myObj;

我想做一些类似的事情，但是通过重新分配作为函数中的参数传递的变量（通过隐含分配let，因此不是静态的）。我尝试了以下内容：

function myFun(thing1, thing2) {
  const myObj = {
    thing1: 'first thing',
    thing2: 'second thing'
  };

  { thing1, thing2 } = myObj;
}

这给了我一个意外的令牌错误=。这是可能的还是我只能用解构声明新变量？

我正在尝试使用 nuxt-I18n 模块进行本地化。我已经安装"nuxt-i18n": "^6.4.1"

同样在我的 nuxt.config.js 我有休耕

    modules: [
        [
            'nuxt-i18n',
            {
                defaultLocale: 'en',
                lazy: true,
                langDir: 'locales/',
                locales: [
                    {
                        code: 'mk',
                        name: '??????????',
                        file: 'mk.js',
                    },
                    {
                        code: 'en',
                        name: 'English',
                        file: 'en.js',
                    },
                ],
            },
        ],
    ],

我还创建了文件夹语言环境，其中有 2 个文件，我在其中编写本地化。我项目中的大部分文本都很简单，所以我在这个设置上做得很好。但是我最终遇到了问题。我有一个文本段落，里面有一个链接，内容如下：

<p>Lorem ipsum <a href="#"> This is link </a> dolor sit amet. </p>

我试图用 i18n 的组件来解决这个问题，但我有很多错误。

谁能给我一个如何解决这个问题的例子？

我试图做一个文本显示CSS动画像这一个。使用::before和::after似乎是一种过于复杂的方法，因此我尝试使用线性渐变背景颜色、背景位置或其他可能更简单的方法来执行此操作。

:root {
  --primary-rgba: rgba(17,184,106,1);
  --secondary-rgba: rgba(255,255,255,1);
}

@keyframes slidein {
  0% {
    background: transparent;
  }
  25% {
    background: linear-gradient(90deg, var(--secondary-rgba) 0%, var(--secondary-rgba) 50%, var(--primary-rgba) 50% var(--primary-rgba) 100%); 
  }
  50% {
    background: var(--secondary-hex);
  }
  75% {
    background: linear-gradient(90deg, var(--primary-rgba) 0%, var(--primary-rgba) 50%, var(--secondary-rgba) 50% var(--secondary-rgba) 100%); 
  }
  100%   {
    background: transparent;
  }
}

我什至想知道向动画添加更多帧是否会使其按照我想要的方式工作，并尝试在一堆（重复）帧中进行黑客攻击。仍然没有运气。

在发现CSS 过渡可能还不支持渐变之后，我尝试使用背景位置来显示文本，但没有成功。

这些方法中的任何一种都可行吗？

Nuxt 文档有关于全局包含 CSS 的说明，这非常有帮助。.scss如果有一种方法可以只包含某些路由的文件，那也会很有帮助。

例如，有没有一种方法可以包含new.scss所有路线/new/*和old.scss所有路线/old/*？或者只是将 CSS 包含在整个页面上，例如/new，而不一定包含其所有子页面。这样也能达到我的目的了。

我最初认为这可以通过以下方式完成，但也许这可以在页面本身的nuxt.config.js实际文件中完成。.vue

像 React 这样的 JavaScript 框架 和苗条不允许开发人员class在 DOM 元素上使用该属性，因为该class关键字在 JavaScript 中是保留的。同时，像 Vue 这样的其他框架以某种方式解决了这个问题。

Vue 的实现方式是什么让 Vue 开发人员可以class在元素上使用关键字？我想这与 Vue 如何将.vue文件转换为 HTML、CSS 和 JavaScript 有关，但我对具体细节很好奇。

编辑： Svelte不使用虚拟 DOM，您可以将 class prop 与 Svelte 一起使用。

我想在点击时切换一个元素的类,但看起来jQuery只看到元素开始的类,而不是在更改中读取.

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $(".red").click(function(){
        $(this).addClass("green");
        $(this).removeClass("red");
    });

    $(".green").click(function(){
        $(this).addClass("red");
        $(this).removeClass("green");
    });
});
</script>
<style>
.green {
    color: green;
}
.red {
    color: red;
}
</style>
</head>
<body>

<p class="green">I should toggle red/green</p>

</body>
</html>

如何在每次单击时正确切换元素的类？