小编Dan*_*rst的帖子

如何为伪元素创建悬停效果?

我有一个这样的设置:

<div id="button">Button</div>
Run Code Online (Sandbox Code Playgroud)

这适用于CSS:

#button {
    color: #fff;
    display: block;
    height: 25px;
    margin: 0 10px;
    padding: 10px;
    text-indent: 20px;
    width: 12%;
}

#button:before {
    background-color: blue;
    content: "";
    display: block;
    height: 25px;
    width: 25px;
}
Run Code Online (Sandbox Code Playgroud)

有没有办法给伪元素一个悬停效果,例如#button:before:hover {...},是否也可以让伪元素悬停以响应另一个被悬停的元素,如下所示:#button:hover #button:before {...}?CSS只会很好,但jQuery也很好.

css jquery pseudo-class css3 pseudo-element

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

以限制排队Guzzle请求

我正在使用Guzzle 6开发Laravel应用程序.许多功能依赖于API,我已经为其创建了一个包装器.

我的包装器是一个单独的类,它创建了Guzzle客户端__construct(),并具有各种公共函数,它们返回Guzzle请求的响应.

我正在使用的API每10秒限制40个请求.我正在缓存这些东西,所以达到这个限制是非常罕见的,但我想知道我的应用程序不会只会死掉它!

关于我的应用的一些说明:

  • API调用仅在过去6小时内未进行相同调用时才会进行.如果有,则永远不会进行调用,并且直接从我的redis缓存中提供响应.
  • 在大多数情况下,API调用是通过用户操作进行的.应用程序永远不会接近达到这些限制本身.
  • 在大多数情况下,我已经拥有了向用户显示所请求页面所需的数据.可以在后台进行API调用以查看是否需要在我的末尾更新任何内容,但如果我已经拥有数据,并且API请求失败,则不会使页面无效.
  • 该应用程序是实时的,https://likethis.tv,如果你想看.我正在使用TMDb API.

所以,我的问题是,我应该如何确保我没有达到这个限制?我的一些想法如下:

  • 使用Laravel排队系统将Guzzle请求放入队列,只有在我们仍有请求时才处理它们.如果没有,请等到10秒的冷却时间过去......
  • 使用HandlerStack直接狂饮.不确定这是否可行,但我之前使用过HandlerStack缓存响应.

我试图不挑起过于自以为是的反应,但我确信这可能比上面的更好和/或更简单,或者如果它们是好主意,任何指针或建议都会很棒.

提前致谢.

php laravel guzzle laravel-5 guzzle6

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

如何使用资源逐行编写,但仍使用Laravel的内置存储?

我想用来Storage::put写一个文件.该文件可能非常大(> 100MB),所以我想利用一个流,所以我不会盲目地将所有内容放入内存中.

我将要发出多个API请求,然后循环遍历他们的结果,因此我将要回来的数据不是问题,它将限于合理的数量.

根据文档,我需要使用:

Storage::put('file.xml', $resource);
Run Code Online (Sandbox Code Playgroud)

但是这会$resource是什么?

传统上,当使用PHP编写文件时,我已经用它的组合来完成它fopen,fwrite并且fclose为了逐行编写.我正在创建的文件了通过各种集合循环和utlising各种API,因为我去,所以$resource不是一个文件指针或文件引用作为在文档中关于其他地方交谈.

那么,我如何使用流和Laravel进行逐行编写Storage

php laravel flysystem laravel-5.3

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

主要div中的Bootstrap轮播指示器不会自动切换

我有最新的Bootstrap,并且在我的页面上的某个地方有一个旋转木马,主旋转木马div之外的指示器.

我的旋转木马:

<div class="background-carousel">
    <div class="carousel slide carousel-fade" id="carousel-home" data-ride="carousel1">
        <div class="carousel-inner" role="listbox" id="carousel-inner-home">
            <div data-slide-no="0" class="item carousel-item active" style="background-image:url(<?php echo get_template_directory_uri(); ?>/assets/img/home-bg-1.png)">
            </div>
            <div data-slide-no="1" class="item carousel-item" style="background-image:url(<?php echo get_template_directory_uri(); ?>/assets/img/grass.jpg)">
            </div>
            <div data-slide-no="2" class="item carousel-item" style="background-image:url(<?php echo get_template_directory_uri(); ?>/assets/img/grass2.jpg)">
            </div>
            <div data-slide-no="3" class="item carousel-item" style="background-image:url(<?php echo get_template_directory_uri(); ?>/assets/img/grass3.jpg)">
            </div>
        </div>
    </div> <!-- carousel -->
</div> <!-- /.background-carousel -->
Run Code Online (Sandbox Code Playgroud)

然后,我的指标在页面上的其他位置:

<div class="home-carousel-indicators">
    <ol class="carousel-indicators">
        <li data-target="#carousel-home" data-slide-to="0" class="carousel-switcher active"></li>
        <li data-target="#carousel-home" data-slide-to="1" class="carousel-switcher"></li>
        <li data-target="#carousel-home" data-slide-to="2" class="carousel-switcher"></li>
        <li data-target="#carousel-home" …
Run Code Online (Sandbox Code Playgroud)

html css jquery carousel twitter-bootstrap

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

Laravel Cashier活动

我正在使用Laravel cashier 7.0,我想在订阅成功后解雇一些方法.我希望会有一些我可以听的事件,但情况似乎并非如此(除非我错过了它们).

Stripe是我正在使用的支付提供商,如果这有所不同.(stripe-php包.)

我错过了一些明显的东西吗

我知道有很多方法可以做到这一点,但我正在寻找一个优雅的解决方案.

php webhooks laravel stripe-payments laravel-cashier

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

更改Laravel Passport/OAuth-Server响应

我正在Laravel 5.4中构建一个API,使用Laravel Passport 3进行身份验证.我的所有API方法都返回一组始终返回的值success,errors(如果有任何错误)等.

我已经改变了\Illuminate\Auth\AuthenticationException投掷的响应,以适应我的应用程序的其余部分,但是我不确定如何更改各种令牌授权响应的响应,而不会像编辑供应商文件那样做一些可怕的事情.

oauth laravel laravel-5 laravel-passport laravel-5.4

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

WordPress"wp_register_style被错误地调用"?

我已经谷歌到处寻找答案,但找不到任何体面的答案和实际解决方案.所以,我首先要解释一下我的问题.

我在最新版本的WordPress中使用了我制作的自定义主题.

我想做正确的事情,而不是将我的样式和脚本硬编码到header.php文件中,而是使用WordPress函数将它们排队.

以下是启用调试时显示的注意事项:

Notice: wp_register_style was called incorrectly. Scripts and styles should not be registered or enqueued until the wp_enqueue_scripts, admin_enqueue_scripts, or login_enqueue_scripts hooks. Please see Debugging in WordPress for more information. (This message was added in version 3.3.) in C:\xampp\htdocs\my-project\wp-includes\functions.php on line 3560

Notice: wp_register_style was called incorrectly. Scripts and styles should not be registered or enqueued until the wp_enqueue_scripts, admin_enqueue_scripts, or login_enqueue_scripts hooks. Please see Debugging in WordPress for more information. (This message was added in version …
Run Code Online (Sandbox Code Playgroud)

php wordpress

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

禁用双击以单击触摸屏 iOS 设备

所以,最近我一直在一个网站上工作,该网站让我改进和做出响应,我面临的问题之一是有许多可点击的元素,混合了 CSS 和悬停状态的 jQuery 效果。

现在,首先我希望所有这些悬停状态都是 CSS,但我遇到的主要问题是,在这些悬停状态下,某些元素displayvisibilitycss 属性正在发生变化。我做了一些阅读,显然如果是这种情况,在触摸屏 iOS 设备上,这会导致第一次“触摸”强制悬停状态,然后需要第二次单击才能实际单击元素。

我试图找到一种不需要大量标记和样式更改的解决方案。最好是利用 jQuery/JavaScript 的修复程序会很好。

我尝试了以下方法:

$(document).ready(function() {
   $('a').on('click touchend', function(e) {
      var el = $(this);
      var link = el.attr('href');
      window.location = link;
   });
});
Run Code Online (Sandbox Code Playgroud)

但是,当用户将手指按住可点击元素并拖动页面进行滚动时,这会出现问题。当他们在拖动后松开手指时,window.location仍然会改变。

如有必要,我稍后会添加一个 jsFiddle。

提前致谢。

编辑:

这是一个显示问题的 jsFiddle。http://jsfiddle.net/0bj3uxap/4/ 如果您点击其中一个块,您会看到它显示悬停状态,然后您需要再次点击以实际触发点击事件。

当一个元素被隐藏,然后悬停状态显示该元素时,似乎会发生这种情况。

javascript jquery touchscreen ios

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

jQuery 在模糊/焦点上不会触发动态添加的元素

我在 jQuery 中动态添加一个元素,在这样做时,我将重点放在该元素上。我正在尝试然后在 上删除此元素blur。然而,blur事件或focusout当失去焦点时事件似乎没有触发。

附加元素:

var searchForm = '<input id="header-search" type="text" class="form-control" placeholder="Search">';
$('body').append(searchForm);
$('#header-search').focus();
Run Code Online (Sandbox Code Playgroud)

绑定到blur()事件:

$('#header-search').on('blur', function() {
    alert('blur');      
    $(this).remove();       
});
Run Code Online (Sandbox Code Playgroud)

编辑: 我刚刚创建了一个 jsFiddle,它似乎可以按我的意愿运行。奇怪的。 https://jsfiddle.net/danhaswings/cpczLL7g/

javascript jquery

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