小编Mer*_*ent的帖子

我可以仅使用CSS为HTML选项中的所选项目添加背景吗?

我经常搜索并看到人们暗示:

::-moz-selection {background: red;}
::selection {background: red; }
Run Code Online (Sandbox Code Playgroud)

..用于为多选表单项中当前所选项的背景着色的工作.(注意:我指的是所选项目,而不是具有焦点的项目).

我不能让这个工作.我做错了吗?

#dropdowns select::selection {
    background: red;
}
Run Code Online (Sandbox Code Playgroud)

干杯:/

设置:使用Chrome for Mac

css html-select css-selectors

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

是否可以使用jQuery覆盖/删除background:none!important?

我有一个应该有背景图像的元素,但是在我无法访问/修改的样式表中给出了以下样式:

#an-element li {
  background: none !important;
}
Run Code Online (Sandbox Code Playgroud)

是否可以使用jQuery撤消该样式?我试图background: inhert!important用两种方式添加jQuery:添加内联样式,并删除应用的样式.都没有工作.

这是一个说明问题的小提琴:http://jsfiddle.net/9bJzk/1/

更新:我有错误的小提琴链接,请再看一遍.

更新2:我无法编辑样式表.我现在更改了标题.我必须使用jQuery,因为我无法控制CSS文件的加载顺序,但可以运行jQuery onload.

更新3:我无法使用更精确的CSS选择器(如选择器)明确设置'kitten'图片(请参阅小提琴),就像#an-element .image-list li有人建议这些图像正在即时写出一样.jsFiddle只是一个例子.为了使它更清晰:可以background: none使用PURE jQuery撤消效果,而不是编辑任何样式表.谢谢你坚持这个!

css jquery

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

如何在html元素和子元素上禁用/重新启用所有单击/触摸/鼠标事件

我有一个父HTML元素,其中包含各种链接,SVG,各种级别的文本.当单击父元素中的某个链接时,我试图将其淡化50%并禁用与触摸/鼠标事件进行的任何进一步交互,直到重新启用它为止.

我的代码很复杂,像意大利面条一样,所以这里有一个非常简单的例子:

$(function() {

  $('.container a').on({
    // I'm just showing click below for simplicity, I'll be adding some handling for mouse/touch events.
    click: function(e) {
      $('.container').fadeTo("slow", 0.5);
      $('.info').fadeTo("slow", 1);
    }
  });

  $('.info a').on({
    click: function(e) {
      $('.info').fadeOut();
      $('.container').fadeTo("slow", 1);
    }
  });

});
Run Code Online (Sandbox Code Playgroud)
.container {
  background-color: #123435;
  padding: 1em;
}
.info {
  display: none;
  background-color: #435123;
  padding: 1em;
}
.container a,
.info,
.info a {
  color: #bbc;
}
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
  <a href="#">Show Info (click me)</a>
  <br>
  <a href="thingy1.htm">Other Link …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

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

使用jQuery查找目标SVG元素仅在IE中失败

我正在使用jQuery在SVG块内的'circle'元素上设置并删除一个类.这适用于我测试的所有最近的浏览器,但导致IE中的错误(9和10,可能所有这些).

jQuery(document).ready(function($) {
  console.log('Console running');
  var $circle = $('svg circle'),
    clicked = false;
  $circle.on({
    click: function(e) {
      setClick($(this));
    }
  });
  function removeClick(callback) {
    $('svg').find('.clicked').removeAttr("class");
    console.log('clicked removed');
    callback();
  }
  function setClick($this) {
    removeClick(function() {
      $this.attr("class", "clicked").queue(function() {
        console.log('clicked added');
        clicked = true;
      }).dequeue();
    });
  }
});
Run Code Online (Sandbox Code Playgroud)
circle.clicked {
  fill:green;
}
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="pseudo-page cf">
  <div class="svg-container" style="position: relative; height: 0; width: 100%; padding: 0; padding-bottom: 100%;">
    <svg style="position: absolute; height: 100%; width: 100%; left: 0; top: 0;" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" …
Run Code Online (Sandbox Code Playgroud)

jquery internet-explorer svg

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

Laravel 4使用供应商类

我使用3后安装了Laravel 4,喜欢它.我曾经能够使用Zend框架:

       $yt = new Zend_Gdata_YouTube();
Run Code Online (Sandbox Code Playgroud)

例如

我使用composer来安装Zend,所有东西都安装在Vendor文件夹中.

问题:

如何处理各个类,即Zend Gdata等.

我在L4中找不到有关从供应商调用类的任何文档.任何帮助表示赞赏.

class vendor laravel laravel-4

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

在PHP中处理动态数量的表单字段的最佳方法?

我有一个系统,我需要列出一个任意数量的员工,其中包含一周中每天的文本字段,可以输入"小时工作"值.

所以我需要生成一个动态行数的表,每行将包含7个文本字段.我只是想知道在为这些字段分配ID时使用的最佳约定是什么,以便在我的后端收到输入数据后可以轻松迭代?

每行都有一个与代表员工ID的行相关联的ID号.

能够做到这样的事情真是太棒了:

foreach($rows as $row)
{
     $id = $row['id'];

     $employee = Employee::find($id);

     foreach($row['hoursWorked'] as $dailyHours)
     {
           $timecard = new Timecard();
           $timecard->hours = $dailyHours;
           $employee->timecards->insert($timecard);
     }
}
Run Code Online (Sandbox Code Playgroud)

在HTML方面构建表单和ID的最佳方法是什么,以使其尽可能轻松?

作为旁注,我正在Laravel 3框架内工作,以防其他任何解决方案开放.

html php forms laravel laravel-3

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

使用CSS3和WebKit的列计数在列上的额外边距

我正在尝试column-count在带有多个段落的标记上使用css3属性.在Webkit浏览器上,我看到了什么似乎是一个bug.在某些屏幕尺寸下,段落边距无法很好地分割各列.

这是一个屏幕截图(请注意,以"Duis"开头的第三段落下,而它应该与屏幕顶部齐平):

在此输入图像描述

这是问题CodePen.我已将宽度修正为1000px,因此Chrome*/Safari用户的问题显而易见.

*编辑:刚刚在2018年初检查,Chrome不再受此错误的影响.Safari(测试11.0.3)可以!

我试图使用page-break-*规则来强制段落以避免中断.我也尝试-webkit-perspective:1按照http://caniuse.com/#feat=multicolumn上的评论使用,但这没有任何效果.

有什么想法吗?

article {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  width: 1000px;
}

p {
  margin-top: 0;
  margin-bottom: 1.3em;
}
Run Code Online (Sandbox Code Playgroud)
<article>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Sed do eiusmod tempor incididunt ut labore …
Run Code Online (Sandbox Code Playgroud)

css css3 css-multicolumn-layout

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

排除WP_Query结果中的空meta_key值

我正在使用WP_Query来提取一些这样的自定义帖子:

$params = array(            
        'post_type' => 'portfolio',
        'post_status' => 'publish',
        'posts_per_page' => 10,
        'meta_key' => 'slideorder',
        'orderby' => 'meta_value',
        'order' => 'ASC'
        'ignore_sticky_posts' => 1,
    );
$slport_query = new WP_Query($params);
Run Code Online (Sandbox Code Playgroud)

我面临的问题是即使'slideorder'(字符串)为空,它也包含在结果中.我怎么才能检索'meta_value'中至少有一个字符的帖子?

我试过添加:

'meta_value' => '',
'meta_compare' => '!=',
Run Code Online (Sandbox Code Playgroud)

但那没有帮助.有任何想法吗?

谢谢,本

wordpress custom-post-type

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

使用jQuery追加div,然后将更多项添加到没有ID的新div中

我需要使用jQuery将带有'address-line'类的div附加到另一个id为'add-results'的元素,然后将几个元素添加到新创建的div中.然后对对象的每个项重复此操作.

这是我最终想要的结果:

<div id="add-results">    
  <div class="address-line">
    <h2>title 1</h2>
    <p>desc 1</p>
    <img src="thing1.png" />
  </div>
  <div class="address-line">
    <h2>title 2</h2>
    <p>desc 2</p>
    <img src="thing2.png" />
  </div>
  <!-- etc repeated on a loop -->
</div>
Run Code Online (Sandbox Code Playgroud)

这是我尝试过的很多东西之一(chdata是对象,chvalue将保存数据):

$.each(chdata, function(name, chvalue) {
  $('#add-results').append('<div class="address-line">');
  $('#add-results').append('<h2>'+chvalue['title']+'</h2>');
  // etc.. adding paragraph, an image, some links.
});
Run Code Online (Sandbox Code Playgroud)

..但当然导致这个:

<div id="add-results">
  <div class="address-line"></div>
  <h2>title 1</h2>
  <p>desc 1</p>
  <img src="thing1.png" />
  <div class="address-line"></div>
  <h2>title 2</h2>
  <p>desc 2</p>
  <img src="thing2.png" />
</div>
Run Code Online (Sandbox Code Playgroud)

我也尝试过使用:

$('#add-results').append('<div class="address-line">')
.append('<h2>'+chvalue['title']+'</h2>');
Run Code Online (Sandbox Code Playgroud)

..但同样的结果.我怎样才能做到这一点?

jquery

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

可以在没有CSR和使用旧私钥的情况下颁发证书

我对使用WHM/cPanel进行现有Comodo扩展验证证书的SSL续订过程中的某些内容感到困惑.

我们已经获得Comodo的替换证书,我相信每个人都为他们提交CSR.我说"我相信"因为这台服务器有3个人可以访问WHM,但我确信去年没有人在摆弄.

听起来有可能吗?如果是替代品,可以在没有CSR的情况下提供证书吗?我会尝试抓住Comodo但是周末,并且看到旧证书在一天内耗尽,我以为我会咨询stackHiveMind :)

更多信息:作为测试,我尝试安装新的证书并"获取"现有的私钥,但是当我尝试提交时,我收到以下错误: 由于错误导致SSL安装中止:模数不匹配,密钥文件与证书不符.请使用正确的密钥文件

ssl certificate csr cpanel whm

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

我可以在Twitter Bootstrap中重命名Carousel以避免冲突吗?如果是这样的话?

我正在使用Twitter Bootstrap.我在我的网站上的一个地方使用附带的轮播来旋转DIV列表,一次显示一个div.

它是这样发起的:

$('.carousel').carousel({interval: 5000});

Bootstrap Carousel非常非常基础,在网站的其他地方我需要一个旋转木马,允许我一次显示多个项目,添加回调等,所以我想使用像jq.carouseljQuery Carousel这样的东西.这两个函数都使用与Bootstrap函数相同的函数名,并且如下所示:

var $carousel = $('.mycarouselclass').carousel();

所以...存在冲突.在一个站点上使用这两个插件有哪些不同的方法?有没有办法重新定义其中一个插件,以便用不同的名称调用它?如果您认为我以错误的方式接近这个问题请说出来,我非常乐于接受建议和学习:)

基于评论的其他信息: 如果可能的话,我想保留缩小的插件js文件,因此我对在外部重命名一个实例的方式感兴趣,以便将来的插件升级很容易.

jquery carousel twitter-bootstrap

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

根据容器宽度设置容器高度并乘以常量

我试图根据容器的宽度乘以.75来设置容器的高度.

我想出了这个,但不知道我哪里出错了,因为它不起作用:

$('#slideContent').load(function() {
            var wide = ('#slideContent').width()
          $(this).css('height', $(this).width( wide * 0.75 ));
        });
Run Code Online (Sandbox Code Playgroud)

有什么建议?

谢谢

css jquery height equation width

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