小编agr*_*boz的帖子

如何在Colorbox上自动高度?

我正在使用一个名为ColorBox的jQuery插件,基本上它创建了一个jquery模式但是模态的固定大小高度为"500",我希望它有一个最小高度,但我也在模态中扩展菜单所以我想要自动扩展.我该怎么做呢?
我目前的代码是:

$(".colorboxlink1").colorbox({
  opacity:"0.2",
  width:"450",
  height:"500",
  title:"To close this dialog click X icon at the right", 
  iframe:true
});
Run Code Online (Sandbox Code Playgroud)

我尝试从这里删除高度并使用CSS,但这没有用.我尝试将我所知道的jquery放在这一行中,但似乎没什么用,但是我对jQuery很新.有人有任何想法吗?

jquery height colorbox

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

jQuery使用选定的类显示和隐藏多个div

我需要能够显示和隐藏基于哪个href类被"选中"的div我在下面有一些代码:

http://jsfiddle.net/XwN2L/722/

我需要删除上面小提琴中的'all'选项.

所以基本上当一个href具有所选择的类时,显示了href的两个链接,然后当用户点击另一个href时,它隐藏了之前的链接并显示了具有"selected"类的新链接

当他们点击链接时,所选的类会发生变化,按钮会隐藏并相应显示?

几乎只需要最后一点的帮助.

<div class="buttons">
 <a id="showall">All</a>
 <a class="showSingle" target="1">Div 1</a>
 <a class="showSingle selected" target="2">Div 2</a>
 <a class="showSingle" target="3">Div 3</a>
 <a class="showSingle" target="4">Div 4</a>
</div>

<div id="div1" class="targetDiv">
 <a href="#" class="button3">1a</a>
 <a href="#" class="button3">1b</a>
</div>

<div id="div2" class="targetDiv">
 <a href="#" class="button3">2a</a>
 <a href="#" class="button3">2b</a>
</div>

<div id="div3" class="targetDiv">
  <a href="#" class="button3">3a</a>
  <a href="#" class="button3">3b</a>
</div>

<div id="div4" class="targetDiv">popup COMPLETE</div>

<script>
 jQuery(function(){
    jQuery('.showSingle').click(function(){
          jQuery('.targetDiv').hide();
          jQuery('#div'+$(this).attr('target')).show();
     });
 });?
<script>
Run Code Online (Sandbox Code Playgroud)

干杯

html css jquery toggle

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

jQuery隐藏文字,悬停时显示?

希望只是一个快速的问题:)

我正在尝试编写一些有助于实现此目的的jQuery:

  • 页面上显示的文字:CA
  • 鼠标悬停时显示的文字:CALIFORNIA

不幸的是,我设法以错误的方式做到这一点,我知道我需要使用.hide()函数,但我无法弄清楚如何使用它.对不起,我对jQuery很新,只是试着让我的头脑.

这是我制作链接的jfiddle ,最好是文本从右边滑入.我尝试过使用span但是在不同的div中使用p标签似乎更好.据我所知,我需要将HTML全部放在一行,以摆脱CA和LIFORNIA之间的小空间.有人可能请你帮忙吗?

HTML:

<div class="state">
     <p>CA</p>
</div>
<div class="state-full">
     <p>LIFORNIA</p>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

.state, .state-full {
     display: inline-block;
     cursor: pointer;
}
Run Code Online (Sandbox Code Playgroud)

jQuery的:

$('.state').hover(function() {
     $('.state-full').slideToggle(100, 'linear');
     $('.state-full').display(100, 'linear');
});
Run Code Online (Sandbox Code Playgroud)

非常感谢!

jquery displayobject hover

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

单击时反应更新状态

我有一个小组件,列出了如下所示的数据结构.我想要做的是当我点击update我想要增加vote键的按钮,但是,我没有找到正确的方法.我需要更新整个data州吗?我对它很少有点困惑.

let MOCKDATA = [
          {
            id: 1,
            name: 'Test 1',
            vote: 0
          },
          {
            id: 2,
            name: 'Test 2',
            vote: 2
          }];
Run Code Online (Sandbox Code Playgroud)

LinkListPage.js

import React from 'react';
// import LinksData from '../LinksData';
import Links from './Links';
// import update from 'react-addons-update';

//localStorage.setItem('linksData', JSON.stringify(LinksData));

let MOCKDATA = [
      {
        id: 1,
        name: 'Test 1',
        vote: 0
      },
      {
        id: 2,
        name: 'Test 2',
        vote: 2
      }];



class LinkListPage extends React.Component {
  constructor(props, context) { …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-router

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

Jquery input.mask与正则表达式

我想使用jquery input.mask插件实现简单的jquery掩码插件,但是,我不能使它与正则表达式一起使用.我想要实现的是:

99:59:59
Run Code Online (Sandbox Code Playgroud)

小提琴

javascript jquery input jquery-inputmask

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

Bootstrap-Vue:&lt;b-form-checkbox&gt; 上的 @click.native 表现得很奇怪

我对b-form-checkbox和有问题b-form-checkbox-group。当我使用时@click.native,我调用的方法会执行两次。此外,如果我将我选择的(数组)值直接写入 DOM {{selected}},我会在数组中看到正确的元素。但是,如果我console.log my在调用的方法中选择了数组,则@click.native单击复选框时,它为空。当我再次单击该复选框时(因此未选中),我将console.log显示所选数组中的元素。

{{selected}}

<b-form-checkbox-group
stacked
:options="options"
v-model="selected"
@click.native ="filterTable"
></b-form-checkbox-group>
Run Code Online (Sandbox Code Playgroud)

我的过滤表只是一个 console.log

filterTable(){
   console.log(this.selected);
}
Run Code Online (Sandbox Code Playgroud)

如果我使用@mouseup.native filterTable 只调用一次。但是,所选数组的行为相同。在 DOM 中它显示正确,但在我的方法中,所选数组被反转。

我为它创建了一个小提琴。https://jsfiddle.net/y998pLya/5/

谢谢你。

javascript checkbox vue.js bootstrap-4

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