我正在使用一个名为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很新.有人有任何想法吗?
我需要能够显示和隐藏基于哪个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)
干杯
希望只是一个快速的问题:)
我正在尝试编写一些有助于实现此目的的jQuery:
不幸的是,我设法以错误的方式做到这一点,我知道我需要使用.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)
非常感谢!
我有一个小组件,列出了如下所示的数据结构.我想要做的是当我点击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) 我想使用jquery input.mask插件实现简单的jquery掩码插件,但是,我不能使它与正则表达式一起使用.我想要实现的是:
99:59:59
Run Code Online (Sandbox Code Playgroud)
我对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/
谢谢你。
jquery ×4
javascript ×3
bootstrap-4 ×1
checkbox ×1
colorbox ×1
css ×1
height ×1
hover ×1
html ×1
input ×1
react-router ×1
reactjs ×1
toggle ×1
vue.js ×1