小编LT8*_*T86的帖子

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万
查看次数

如何将字符串解析为整数并保留小数位(如果它们为零)?

我有这些字符串:“59.50”和“30.00”

我需要做的是将它们转换为整数,但保留末尾的尾随零以有效返回:

59.50
30.00
Run Code Online (Sandbox Code Playgroud)

我试过了:

Math.round(59.50 * 1000) / 1000
Math.round(30.00 * 1000) / 1000
Run Code Online (Sandbox Code Playgroud)

但最终得到

59.5
30
Run Code Online (Sandbox Code Playgroud)

我假设我需要使用与 Math.round 不同的方法,因为它会自动截掉尾随零。

我需要将它们保留为整数,因为它们需要与其他整数相乘并保留两位小数。我认为这会相当简单,但经过大量搜索后,我似乎无法找到我所需要的解决方案。

谢谢!

javascript math

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

li:悬停 - 是否可以更改文字语言?

有点奇怪的,

我知道有些人可能会问为什么,但我想知道一旦用户将鼠标悬停在某些链接上,您是否可以更改某些链接的语言?

nav li:hover {
   **change language here**
}
Run Code Online (Sandbox Code Playgroud)

我实际上是想将英语转换为日语,我假设这不是用CSS完成的,任何人对我如何解决这个问题都有任何想法?

谢谢

css jquery

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

使用带有$ .getJSON的多个URL

我有几行代码:

var url = 'http://api.spitcast.com/api/spot/forecast/1/';
var url_wind = 'http://api.spitcast.com/api/county/wind/orange-county/';

$.getJSON(url, function (data) {

etc...
Run Code Online (Sandbox Code Playgroud)

我如何将这两个URL都拉入我的$ .getJSON命令?我认为它会像下面这样简单:

$.getJSON(url, url_wind, function (data) {
Run Code Online (Sandbox Code Playgroud)

我也尝试将这两个URL分配给同一个变量:

var url = ['http://api.spitcast.com/api/spot/forecast/1/','http://api.spitcast.com/api/county/wind/orange-county/'];
Run Code Online (Sandbox Code Playgroud)

不幸的是,我没有从第二个URL中提取信息.

有人可以帮帮我吗?谢谢.

variables jquery json

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

检查输入是否具有CSS的文本/值

我看了一下,但只能找到JS解决方案.

有没有办法用CSS来检测输入是否输入了任何文本?

我正在做的基本上就是这个(删除这个问题的无关代码):

 .search-form input[type="text"] {
    width: 0 !important;
}
.search-form input[type="text"]:focus {
    width: 100% !important;
}
Run Code Online (Sandbox Code Playgroud)

实质上,单击标签会将输入扩展为页面宽度的100%.这工作正常,但是当您输入文本并单击输入时,它会缩小回宽度:0 - 因此隐藏输入的文本.有没有办法用CSS来防止这种行为,并保持它width:100%就像输入是:focus在输入文本时?

html css input

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

XML/XSLT条件注释IE样式表

我遇到了一个我似乎无法弄清楚的问题.我不久前在HTML中构建了一个网站,并且最近集成了Symphony CMS,并且不得不将所有内容都更改为XML.

最初在我脑海中,我有一个特定于Internet Explorer的样式表,头部看起来像这样:

<head>
       <link rel="stylesheet" href="../css/master.css" type="text/css" media="screen"></link>
       <!--[if IE]>
             <link rel="stylesheet" type="text/css" href="../css/ie.css"></link>
             <script src="../js/html5shiv.js"></script>
       <![endif]-->
</head>
Run Code Online (Sandbox Code Playgroud)

自切换以来,这个条件评论不再起作用,我已将其更改为此但不幸的是,我的master.css被忽略了Chrome/Firefox等......它只是为所有浏览器加载ie.css样式表.

<head>
    <link rel="stylesheet" href="../css/master.css" type="text/css" media="screen"></link>                
    <xsl:comment>[if IE]<![CDATA[><!]]></xsl:comment>
          <link rel="stylesheet" type="text/css" href="../css/ie.css"></link>
          <script src="../js/html5shiv.js"></script>
    <xsl:comment><![CDATA[<!]]>[endif]</xsl:comment>    
</head>
Run Code Online (Sandbox Code Playgroud)

对不起,我是相当新的,我只是不确定我做错了什么,我猜我可能需要某种xsl:如果评论但不确定如何去做它真的.我只需要一些能让chrome/firefox/opera/safari忽略ie.css样式表的东西.

任何帮助将不胜感激!谢谢

xslt internet-explorer cross-browser symphony-cms conditional-comments

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

我该如何清理这个jQuery代码?

我有这个jQuery代码,我写了加载我一直在开发的插件.

我对此很新,所以这个问题可能看起来有些基本但我无法理解如何清理这段代码?有没有办法将它减少到更轻的东西?

基本上'a'表示div(目标)和.mv,.sb和.sl都是'a'标签的类.根据哪个链接单击将取决于显示的内容(spot_id更改从插件加载的数据).

代码工作正常,但我确信有一种更简单的方法来编写它.提前致谢!

$('a').click(function () {
    $(this).attr("href");
});

$('.mv').click(function () {
    $(this).surfplugin({
        spot_id: 1
    });
});

$('.sb').click(function () {
    $(this).surfplugin({
        spot_id: 2
    });
});

$('.sl').click(function () {
    $(this).surfplugin({
        spot_id: 3
    });
});
Run Code Online (Sandbox Code Playgroud)

HTML:

    <ul class="nav">
                <li class="mavericks">
                    <a href="#display" class="mv">Mavericks</a>
                </li>
                <li class="santa-barbara">
                    <a href="#display" class="sb">Santa Barbara</a>
                </li>
                <li>
                    <a href="#display" class="sl">Steamer Lane</a>
                </li>
            </ul>
        <div class="content">
            <section id="display" class="beach"></section>
        </div>
Run Code Online (Sandbox Code Playgroud)

javascript jquery plugins

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

jQuery除了一个数字但保留小数

我希望对这个问题有所帮助.

我基本上有一个数字......说3000,我想在前端显示30.00而不改变我的变量(很多原因我无法改变它,我只是简化了这个问题)

HTML:
<span class="number"></span>

JS: 
var three = 3000;
$('.number').append(three/100);
Run Code Online (Sandbox Code Playgroud)

这会将"30"返回到我的范围.我怎样才能保留小数点?

谢谢!

javascript jquery

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