小编Ada*_*dam的帖子

从iframe获取网址并在浏览器网址中更新哈希

我尝试了一些不同的东西,但没有真正起作用,基本上我需要从iframe获取当前位置/网址,获取我想要的部分并将其返回到网址中的哈希值.我怎么能用javascript做到这一点?

javascript url hash iframe jquery

5
推荐指数
1
解决办法
1万
查看次数

单击事件以动态添加到DOM的元素

在jQuery 1.8之前,我可以使用.live()在点击按钮时触发,该按钮是由jquery动态插入的.

现在,.on()和.bind()都不适用于加载页面后添加到DOM的元素.

现在有哪些选择?

jquery dom click

5
推荐指数
1
解决办法
8461
查看次数

在 getServerSideProps() 中直接导入 next.js API 端点

在 Next.js 中使用获取数据时getServerSideProps(),他们建议直接导入 API 端点,而不是使用fetch()并运行另一个 HTTP 请求。这是有道理的,在为我的 API 实现中间件之前我能够让它工作(注意,我正在使用 Next.js 中内置的 API 功能)。现在实现了中间件,我无法导出使用中间件的函数,我必须导出处理程序。见下文:

const handler = nextConnect();
handler.use(middleware);

handler.get(async (req, res) => {
    const post = await req.db.collection("posts").findOne();
    res.send({
        post: post,
    });
});

export default handler;
Run Code Online (Sandbox Code Playgroud)

将 API 端点导入 getServerSideProps 的推荐方法是什么?我想做如下操作,但该getPost()函数不再有权访问数据库中间件:

export const getPost = async () => {
    const post = await req.db.collection("posts").findOne();
    return post;
}

handler.get(async (req, res) => {
    res.send({
        post: getPost(),
    });
});
Run Code Online (Sandbox Code Playgroud)

然后在我的 next.js 页面中:

import { getPost } …
Run Code Online (Sandbox Code Playgroud)

reactjs next.js

5
推荐指数
1
解决办法
3129
查看次数

jQuery/Javascript确认两次出现

出于某些奇怪的原因,我得到了两次确认框.这是我的代码:

$(".DeleteComment").live("click", function(){

    var CommentID = $(this).attr("rel");
    var confirm

    if (!confirm('Are you sure you want to permanently delete this comment?')){

        return false;

    }else{
        $(this).html("loading").css("color", "#999");
        //AJAX HERE
        return false;
    }


});
Run Code Online (Sandbox Code Playgroud)

javascript jquery confirm

4
推荐指数
2
解决办法
9581
查看次数

CSS选择器,在一个元素上有两个类

如何选择一个选择具有someButtonAND 类的div的CSS选择器current

.someButton .current { /* select current with the parent div of .someButton, correct? */
Run Code Online (Sandbox Code Playgroud)

请帮我解决这个问题!

css class css-selectors

3
推荐指数
1
解决办法
247
查看次数

使Javascript正则表达式不区分大小写

我正在使用一个jquery函数,我发现在div中找到单词并突出显示它们.我正在使用它和搜索工具,因此案例并不总是与单词完全匹配.如何将其转换为不区分大小写?

$.fn.highlight = function(what,spanClass) {
    return this.each(function(){
        var container = this,
            content = container.innerHTML,
            pattern = new RegExp('(>[^<.]*)(' + what + ')([^<.]*)','g'),
            replaceWith = '$1<span ' + ( spanClass ? 'class="' + spanClass + '"' : '' ) + '">$2</span>$3',
            highlighted = content.replace(pattern,replaceWith);
        container.innerHTML = highlighted;
    });
}
Run Code Online (Sandbox Code Playgroud)

javascript regex jquery

3
推荐指数
1
解决办法
1万
查看次数

在 Chrome 中使用 React 添加新的 DOM 项不会保持预期的滚动位置

我在 React 中向状态数组添加新项目时遇到了一个意外问题,这导致更多项目被添加到 DOM。在 Safari 和 Firefox 中,这会导致新的 DOM 项目被添加到折叠下方,我必须向下滚动才能看到新项目。在 Chrome 中,屏幕保持滚动到页面底部,项目添加在上面。这意味着我需要向上滚动才能看到新项目。这显然不是延迟加载或“加载更多”按钮以查看列表中更多博客文章的预期行为。

见这里:https : //codesandbox.io/s/new-leaf-0fnv5?file=/src/App.js

以下是一些其他观察结果:

  1. 我在另一台装有 Chrome 的 Mac 上尝试了它,它的行为更像 Safari 和 Firefox,但稍微向上滚动,以便在单击“添加更多”之前看到最后一个项目位于折叠下方。
  2. 鉴于两种浏览器之间的差异,必须有一种方法可以实现更稳定的预期行为。
  3. 我以前创建过类似的“加载更多”列表,以前从未遇到过这种情况。我也从未在其他实时网站上看到过这种行为,所以很明显我做的一些不同的事情会触发 Chrome 有时会以这种方式行事,我只是不知道是什么。
  4. 我注意到关于 SO 的一两个类似问题,但没有一个解决为什么在 Chrome 中有时会发生这种情况的问题,但并非总是如此。

关于什么可能影响 Chrome 以这种意想不到的方式行事的任何建议?

javascript google-chrome reactjs

3
推荐指数
1
解决办法
741
查看次数

jQuery替换onclick

我刚刚发现了jQuery的强大功能.只是一个简单的问题.

什么是替代onclick ="DeleteSomething('服务器端加载的ID号')"?

有没有办法以某种方式将自定义信息(如ID)传递给jquery onclick?或者我必须坚持老式的方式?

非常感谢!

亚当

javascript jquery javascript-events

2
推荐指数
1
解决办法
1687
查看次数

Cmd + B与jQuery的组合

我正在尝试使用jQuery检测关键组合,我一直在研究最后一次,几个小时试图找到一个可行的解决方案.似乎一切都很好用ctrl键,但不是Mac上的命令键.这段代码几乎就是我想要的,但是如何使用命令呢?

$.ctrl = function(key, callback, args) {
    var isCtrl = false;
    $(document).keydown(function(e) {
        if(!args) args=[]; // IE barks when args is null

        if(e.ctrlKey) isCtrl = true;
        if(e.keyCode == key.charCodeAt(0) && isCtrl) {
            callback.apply(this, args);
            return false;
        }
    }).keyup(function(e) {
        if(e.ctrlKey) isCtrl = false;
    });
};
Run Code Online (Sandbox Code Playgroud)

javascript keyboard jquery

2
推荐指数
1
解决办法
1495
查看次数

Firefox中的jQuery @ Keypress检测

我有一个简单的jquery按键代码,用于检测用户何时键入@键.问题:在webkit(Chrome/Safari)中运行良好,但在FF中绝对没有.

JS小提琴:http://jsfiddle.net/cUzzt/

代码:

$(document).ready(function(){
    $(document).keypress(function(e) {
          if(e.keyCode == 64) { //@ Symbol
              alert("You pressed the @ key");
          }
    });
});
Run Code Online (Sandbox Code Playgroud)

javascript firefox jquery keypress

2
推荐指数
1
解决办法
2455
查看次数

将块元素从ContentEditable div中的一个点拖动到另一个点

我需要让用户将一个contenteditable div中的元素拖到文本中的另一个点.需要移动的项目设置为ContentEditable = false.

这可能吗?我似乎无法找到任何真正的解决方案.这就是我想要做的事:http://jsfiddle.net/s82Ex/

javascript jquery html5 drag-and-drop contenteditable

1
推荐指数
1
解决办法
1524
查看次数

Codeigniter是否适用于jQuery?

我已经使用ASP.NET一段时间了,但决定是时候学习PHP框架了.

看一篇文章NetTuts +看起来CodeIgniter是最简单的,也是最轻松,最简单的方法之一.

然而,我是一个巨大的jQuery粉丝,我想知道jQuery是否与框架很好地集成?有经验吗?

php jquery frameworks codeigniter

0
推荐指数
1
解决办法
313
查看次数