小编rai*_*son的帖子

在Chrome开发者工具中检查Javascript Hover

我有一些Javascript在悬停时显示一个元素.我想设置此元素的样式,因此需要使用Chrome开发工具在浏览器中触发悬停状态.

使用CSS很容易,您可以在Dev Tools中设置元素的状态.使用Javascript执行此操作的最佳方法是什么?

代码示例:

$('#menu').hover(
    function() {
        console.log('test');
        $('#dropdown').show();
    },

    function() {
        $('#dropdown').hide();
    }
);
Run Code Online (Sandbox Code Playgroud)

javascript jquery google-chrome-devtools

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

JQuery .attr没有按预期工作

使用JQuery我正在从页面上加载的所有脚本中搜索并输出src属性.这是我的代码:

$('script').each(function(index, value) { 

    var src = $(this).attr('src');
    var src = src || 'no source';
    console.log(src);

}
Run Code Online (Sandbox Code Playgroud)

我们正在搜索的示例脚本:

<script type='text/javascript' src='http://domain.co.uk/wp-includes/js/jquery/jquery.js?ver=1.11.0'></script>
Run Code Online (Sandbox Code Playgroud)

和控制台输出将是:

http://domain.co.uk/wp-includes/js/jquery/jquery.js?ver=1.11.0 
Run Code Online (Sandbox Code Playgroud)

这很好,所有这些src都在输出.但是有一个例子我得到了一个错误.当脚本将javascript直接输出到包含'src'的页面时,会出现问题.在这个例子中,我得到以下错误:Uncaught TypeError:无法读取undefined的属性'split'

我可以看到这是因为我的代码从qouputed javascript中获取了src.我在底部包含了这个Javascript,以帮助准确显示我正在谈论的内容.

具体的行是:s.src ='// api.usersnap.com/load/47134af3-5898-4c09-88c9-6aed89cfac7f.js';

并且在错误之前,console.log输出:

//api.usersnap.com/load/47134af3-5898-4c09-88c9-6aed89cfac7f.js

摘要

我以为.attr只会抓取目标元素中的属性.我如何让它做到这一点并忽略似乎导致此错误的所有其他内容.

违规的脚本输出

    <script type="text/javascript" data-cfasync="false">
                (function() {
                    var s = document.createElement('script');
                    s.type = 'text/javascript';
                    s.async = true;
                    s.src = '//api.usersnap.com/load/47134af3-5898-4c09-88c9-6aed89cfac7f.js';
                    var x = document.getElementsByTagName('head')[0];
                    x.appendChild(s);
                })();
    </script>
Run Code Online (Sandbox Code Playgroud)

javascript jquery attr

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

Laravel Seeder - Update all records with a Unique ID (UUID)

I have just added a UUID for my users table.

I want to update all the records with a UUID that is unique.

In my seeder I have the following code that generates a UUID and populates this new column in the database. However, the generated UUID is the same in each row.

public function run()
{
  DB::table('users')->update([
    'public_id' => Uuid::generate(4)->string
  ]);
}
Run Code Online (Sandbox Code Playgroud)

I would like the UUID to be generated for each user in the database. So each row …

uuid laravel laravel-seeding

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

Wordpress paginate_links - 第一页始终与当前页面相同

我在wordpress中有一个自定义循环,并添加了分页.我将固定链接设置为漂亮(例如/ custom /).

我有自定义循环设置,所以它可以工作,尽管不是主循环.目前,循环完美地通过附加?paged1 = [number]并将循环带到相应的页面.

但是,分页中的第一个页码始终设置为与当前页面相同.例如,href =

  • 1 =?paged1 = 3
  • 2 =?paged1 = 2
  • 3 =当前
  • 4 =?paged1 = 4

与此处概述的问题相同:https://wordpress.stackexchange.com/questions/87433/strange-paginate-links-behavior-first-page-link-is-always-whatever-page-im-on

但是我启用了很多永久链接.我尝试在那个长期的灵气中采取了良好的预示,但没有任何运气.这意味着我希望分页能够像这样工作

domain.com/page-name?paged1=[number]

并不是

domain.com/page-name/page/2

任何建议表示赞赏 这是我的代码

(主要使用的代码来自http://pressedweb.com/wordpress/wordpress-multiple-wp_query-custom-loop-paginations/)

                $paged1 = isset( $_GET['paged1'] ) ? (int) $_GET['paged1'] : 1;
                $args1 = array(
                    'paged'          => $paged1,
                    'posts_per_page' => 18,
                    'post_type' => 'post',
                    'orderby'=>'date',
                    'order'=>'DESC'
                );
                $query1 = new WP_Query( $args1 );

                while ( $query1->have_posts() ) : $query1->the_post();


                    blogside_loop_output();


                endwhile;

                $big = 999999999; // need an …
Run Code Online (Sandbox Code Playgroud)

php wordpress jquery pagination

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

Vue FullCalendar 中的下个月和上个月观察者

我正在将 FullCalendar 库与 Vue.js 一起使用

是否可以使用默认的上一个、下一个和今天按钮来触发我自己的操作。

我已经创建了自定义按钮来执行我想要的操作,但更喜欢使用默认按钮。

当前我有一个链接到方法的按钮:

<button @click="handleMonthIncrement">Next Month</button>
Run Code Online (Sandbox Code Playgroud)

这调用了这个方法:

 handleMonthIncrement: function(arg) {
  // update month and year
  this.incrementMonth();

  // update calendar
  let calendarApi = this.$refs.fullCalendar.getApi();
  calendarApi.next();

  // updateCurrentSummary (mapped to store)
  this.updateCurrentSummary();
}
Run Code Online (Sandbox Code Playgroud)

我正在使用 ref=fullCalendar ,它与日历的 jQuery 引用相关联来更改视图。

如果我可以收听下一个、上一个按钮,那么我可以删除该代码,因为这些按钮已经更改了日历视图。

这可能吗?我知道 viewRender (https://fullcalendar.io/docs/v1/viewRender)可用于记录日历何时更改视图,但不确定这是否可以满足我的上述要求。

提前致谢。

谢谢

fullcalendar vue.js vuex

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

Laravel Route-检查ID是否不存在并显示404

如果ID不存在,我不想显示该页面。

如何在Laravel的web.php路由中检查此问题?

我目前有以下路线:

Route::get('/public/{project_id}', 'ProjectController@public');
Run Code Online (Sandbox Code Playgroud)

如何进行条件检查以查看project_id是否存在?

我在路由文档中看到Route :: bind有一个选项-这是一个解决方案吗?谢谢

更新说明:由于绑定似乎已经引入到路由类中,因此与Laravel 4方法略有不同。

laravel laravel-routing

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

CSS:iPhone Safari的后台混合模式后备

我在我的标题上可疑地使用了背景混合模式:https://yogrow.co/ecommerce-stack

但是我注意到背景混合模式在iPhone上不起作用.我没有背景颜色.

这是我正在使用的CSS

background-repeat: repeat;
background-image: url("assets/img/swirl_pattern.png");
background-color: #E33551;
background-blend-mode: multiply;
Run Code Online (Sandbox Code Playgroud)

是使用媒体查询创建一组新的css规则的唯一/最佳选择,还是有另一种方法可以进行后备,因此对于像iPhone Safari这样没有显示颜色的设备,背景变为红色.

因为我在背景上有白色文字,所以目前看起来在iPhone游戏中难以辨认.

谢谢

css iphone safari ios background-blend-mode

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