小编Dan*_*nte的帖子

我在一个页面上有多个列表(多个类别的产品),如下所示:

<h3>Category 1</h3>
<ul id="category1">
    <li>item1</li>
    <li>item2</li>
    <li>item3</li>
</ul>
<h3>Category 2</h3>
<ul id="category2">
    <li>item27</li>
    <li>item28</li>
</ul>

列表的数量是可变的.

我想在http://static.railstips.org/orderedlist/demos/quicksilverjs/jquery.html上的演示页面上找到一个过滤器.

但它应该搜索不同的列表.

如果用户搜索"2",则结果应为:

<h3>Category 1</h3>
<ul id="category1">
    <li>item2</li>
</ul>
<h3>Category 2</h3>
<ul id="category2">
    <li>item27</li>
    <li>item28</li>
</ul>

如果他搜索"1"那么它应该是(不显示没有结果的列表的h3标题):

<h3>Category 1</h3>
<ul id="category1">
    <li>item1</li>
</ul>

有人能帮我吗？

提前致谢!

我创建了一个过去工作正常的网站.但是现在Firebug在加载时抛出了一个错误:

中断错误 - d未定义(在jquery中,从谷歌CDN获取)

如果我关闭萤火虫并重新加载页面一切正常.

该网站现在在http://www.optiekmeulemeester.be/test,我想知道其他人是否得到同样的错误,我该怎么办呢？

提前致谢

我知道我不是第一个为此苦苦挣扎的人。但几天后，经过很多相关的问题，我觉得我的案子值得它自己的问题:)。

我有一个可用的 websocket 解决方案，包括 Laravel Websockets ( https://beyondco.de/docs/laravel-websockets/getting-started/introduction ) 和用于公共频道的 Laravel Echo 。我的客户端应用程序是一个 vue-cli 应用程序，连接到服务器+公共频道上的广播消息效果很好。授权由 Laravel Passport 处理。因此，通过在授权标头中发送承载令牌，后端应用程序可以知道用户是否已通过身份验证。

然而，我正在努力让私人频道正常工作。尝试进行身份验证总是给我这个错误：

Access to XMLHttpRequest at 'https://my-app.test/broadcasting/auth' from origin 'https://localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

我知道当我遇到服务器问题时会出现此 CORS 错误，因此我尝试在 Insomnia 中调试请求。然而，当模仿 Insomnia 中的请求时，它会给出响应 200 以及预期的结果：

我一直在阅读一些指南和 stackoverflow 问题，但找不到类似的内容。回到它可能是 CORS 问题，但我认为情况并非如此。我的 OPTIONS 请求返回得很好。

为了完整起见，我还添加了一些可能有助于调试的代码。

我的广播服务提供商

public function boot()
{
    Broadcast::routes(['middleware' => ['auth:api']]);

    require base_path('routes/channels.php');
}

我的频道.php …

我的应用程序中有以下代码:

$(".deleteproduct").click(function() {
    id = this.id;
    alert("id: " + id);
});

如果我运行我的网站,当我点击带有类deleteproduct的元素时没有任何反应.但是当我在第1,2和3行之前放置断点时,它就像一个魅力.

具有类deleteproduct的元素通过AJAX调用加载到$(document).ready(function()后面..click代码位于它下面.

这对我来说似乎很奇怪.如果使用Firebug中的断点,它会起作用,但是当没有断点时......

我希望在这个网站http://demo.grandpixels.com/上有一个效果,其中div .callout分层在旋转木马上.

我正试图在bootstrap中这样做.但我的div总是在旋转木马下.我已经尝试设置标注的z-index但这似乎不起作用.

.callouts {
    display: block;
margin-top: -150px;
z-index: 999999999999999;
}

您可以在http://jsfiddle.net/5ejse/查看基础知识

提前致谢!