小编Mar*_*ick的帖子

如何使用jquery选择元素的类是否具有特定字符串的开始和结束?

我使用类似的几个div

  • .wrap -1-插件-1
  • .wrap -2-插件-1
  • .wrap -3-插件-1

我想选择所有这些并if ( $(this).hasClass() )用来检查它们中的一个.目前我只检查一个班级.例如,我如何检查所有这些.hasClass('wrap-*-addon-1')

最好的祝福.

html javascript jquery class-attributes

16
推荐指数
2
解决办法
3628
查看次数

royalSlider:如何使用类作为选择器删除幻灯片

资源

我使用royalSlider作为插件.这是文档和API的快速链接.

在我的网站上,滑块可用作height: 100%; width: 100%全屏滑块.

内容结构

我网站的结构非常简单:我使用幻灯片作为封面,让我们调用它们.cover,每个幻灯片后面都有一个包含更多信息的幻灯片.让我们打电话给他们.sub.

Content Cover Nr. 1
  Subslide Content Nr. 1
Content Cover Nr. 2
  Subslide Content Nr. 2
Content Cover Nr. 3
  Subslide Content Nr. 3
Content Cover Nr. 4
  Subslide Content Nr. 4
Run Code Online (Sandbox Code Playgroud)

如果更容易理解,您可以在此处查看实时网站.


在附加我的子幻灯片的函数内部,我在右侧创建三个按钮以向上滚动,向下滚动并关闭当前幻灯片.向下滚动效果很好.(在这里查看我的main.js文件,第177行)

问题

浏览器将使用选定的所有按钮绑定$(p.sl_button)到同一个子幻灯片,而不是将每个按钮绑定到其自己的父级.

难以解释,易于尝试.如果你,例如:

  1. 开放下滑5号
  2. 开放下滑2号
  3. 滚动到Subslide Number 5
  4. 单击关闭按钮(带红色背景的X)

系统"破裂".它不是关闭子级数5,而是关闭子级数2(这是最后一次,上面命名的函数被调用.

我该如何解决这个问题?

我用来绑定我的子幻灯片上的按钮的代码:

// Append Slides by …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery royal-slider

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

Android浏览器可以拉伸图像

我正在谈论的网站目前正在上线.它对我很有用.只有一个错误让我发疯:

在标准的Android浏览器上(在4.1.2,LG上测试),徽标会以非常糟糕的方式拉伸和调整大小.你可以在下面看到一个演示.

用于定位和调整徽标大小的CSS非常简单,position: absoluteposition: fixed元素上使用:

标记

<div class="fixed">
   <div id="logo">
      <a href="logo-link">
        <img src="logo.jpg" height="55" width="34">
      </a>
   </div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

* {box-sizing: border-box} /* bootstrap system */

.fixed {
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  height: 85px;
}

.logo {
  width: 85px;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
}

img {
   margin: 20px 27px;
   max-width: 40px;
   height: auto;
   display: inline-block;
}
Run Code Online (Sandbox Code Playgroud)

检查演示

html css android

10
推荐指数
2
解决办法
564
查看次数

全高滑块跳过一张幻灯片

我正在使用fullPage.js为几个全屏幻灯片创建一个完整的宽度和高度滑块.所以我的网站结构就像

section#f01
section#f02
section#f03.scrollfix
section#f04
Run Code Online (Sandbox Code Playgroud)

我想在浏览section#f03.scrollfix网站时跳过.用我的键盘和/或鼠标滚轮滚动.

css jquery fullpage.js

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

jQuery鼠标滚轮插件定制

我有一个全屏滑块,想要使用鼠标滚轮进行导航.为了检测鼠标滚轮事件,我认为jQuery鼠标滚轮插件应该是最好的选择.

我可以包含它和消防功能.但我无法(并没有找到任何资源)以我想要的方式配置它.

我想检查一定数量的滚动像素.因此,例如,如果鼠标滚轮试图滚动20px up,我想要触发一个函数,或者20px down另一个函数.

?$(document).ready(function(){
    $('body').bind('mousewheel', function(e){
        if(e.originalEvent.wheelDelta /120 > 0) {
            alert('Wait! I fire way too often!');
        }
        else{
            alert('We are going down, way too msuch alerts!');
        }
    });
});
Run Code Online (Sandbox Code Playgroud)

JS FIDDLE(向上/向下滚动)

jquery mousewheel

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

How to convert mysql_real_escape_string to PHP7?

I got a Wordpress system running on PHP 7.0.11 using Wordpress. A plugin I want to use does not work and checking the logs does result in

PHP致命错误:未被捕获的错误:在…中调用未定义的函数mysql_real_escape_string()

在查找此错误消息时,我发现该mysql_real_escape_string()扩展名已被弃用。

如何将该语句转换为可在PHP 7及更高版本中使用?

$ids = mysql_real_escape_string( $ids );
$result = $wpdb->query( "DELETE FROM $table_name WHERE id IN( $ids )" );
Run Code Online (Sandbox Code Playgroud)

我在Wordpress文档中找到了这个: wpdb::_real_escape()

php wordpress

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

绘图表:垂直对齐单元格中的文本

如何垂直对齐Plotly Table单元格内的文本?我可以成功设置高度:

go.Figure(
    data=[
      go.Table(
        cells=dict(
          height=50,
        )
      )
    ]
)
Run Code Online (Sandbox Code Playgroud)

这看起来很糟糕:

单元格顶部带有文本的表格

matplotlib plotly plotly-python

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

如何删除链接并添加功能

我有一个封闭的系统,无法编辑html/css文件.它生成这样的东西:

<li>
   <a href="exp.html">Linktext</a>
</li>
Run Code Online (Sandbox Code Playgroud)

我想删除该href属性并将其替换为slideToggle函数.

到目前为止,我试图写这样的东西:

$('li').removeAttr('href');
$('li').click(function(){
    $('#example').slideToggle();
});
Run Code Online (Sandbox Code Playgroud)

我需要保留<a>标签的造型.对于那些喜欢它的人来说,这是一个小提琴!

jquery

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

用momentjs计算两个日期之间的天数

我在var中存储了两个日期(由日期选择器创建).要格式化这些我使用moment.js

我想计算这两个字段之间的天数,并将这个数字存储在var中days.到目前为止这是我的代码:

// When someone clicks my submit button, I create an url stored in the var url.
$(".book_submit").on('click', function(e){

  // I get the datepicker and input fields data
  var from = $('.from').val();
  var to = $('.to').val();

  // I can format the "from" var the way I want
  from  = moment(from, "DD.MM.YYYY");
  from = moment(from).format("YYYY-MM-DD");

  // I can format the "to" var the way I want
  to = moment(to, "DD.MM.YYYY");
  to = moment(to).format("YYYY-MM-DD");

  // I want to …
Run Code Online (Sandbox Code Playgroud)

jquery datetime momentjs

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

三个浮动div之间的差距相等

我有三个div,每个都是随机大小,而我希望每个间隙都有相同的宽度(虚线):

一些例子:

<Left Div>...............<Mid Div>..............<Right Div>
<Larger Left Div>...........<Mid Div>...........<Right Div>
<Left Div>...........<Mid Div>...........<Larger Right Div>
Run Code Online (Sandbox Code Playgroud)

我可以使用float: left;和轻松对齐左右div float: right;,但无法确定如何使中间div居中.我曾考虑使用flexboxtables或玩耍使用text-align: justify;

如果有帮助的话,我已经制作了JS Fiddle Demo.谢谢你的任何提示.

html css

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