小编Mic*_*ael的帖子

在jQuery中查找文本字符串并使其变为粗体

我想要做的是使用jQuery在段落中查找一段文本并添加一些CSS以使其变为粗体.我似乎无法弄清楚为什么这不起作用:

$(window).load(function() {
// ADD BOLD ELEMENTS
$('#about_theresidency:contains("cross genre")').css({'font-weight':'bold'});
});
Run Code Online (Sandbox Code Playgroud)

"about_theresidency"中的文本被动态拉入,因此我在窗口加载后执行它.

css jquery html5

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

在移动设备上停止特定JavaScript功能的最佳方法

对于我目前的项目,我在网站上使用视差滚动,目前正在开发该网站的移动/平板电脑版本.

目前,由于滚动事件的不同,视差滚动在平板电脑和手机上不能很好地工作,所以我想在检测到移动设备时禁用我的脚本文件中的javascript调用.目前我正在使用这个

if ( $(window).width() > 960) {

然后解雇我的视差码.我想知道是否有更好的方法来实现这个目标设备而不是分辨率,因为我知道市场上的很多屏幕宽度都会超过960px.

该网站的当前版本可在http://beta.residencyradio.com上获得,如果你想看看它是如何工作的,但任何帮助都将不胜感激!

html javascript jquery html5 css3

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

使用jquery和ajax解析xml

我有一个用于播客的RSS源,基本上我要做的是在RSS源中填充带有URL的html5音频播放器.

我认为最好的解决方法是使用ajax解析链接,然后将它们附加到音频播放器的src中.我知道同样的域策略会阻止我用ajax这样做,所以我使用跨域ajax插件(http://bit.ly/Jbi9iX)来解决这个问题.

我正在努力弄清楚为什么下面的代码对我来说不起作用,基本上在这个阶段我只想url在RSS源中附加's #results以显示它的工作,然后我将它添加到src部分音频播放器.

$(document).ready(function () {
    $.ajax({
        url: 'http://theresidency.libsyn.com/rss',
        type: 'GET',
        dataType: "xml",
        success: parseXml
    });
});

function parseXml(xml) {
var item = $(xml).find("item");

  $(item).each(function() {
    $("#results").append($("enclosure").attr("url").text() + "<br />");
  });

}
Run Code Online (Sandbox Code Playgroud)

我没有在chrome dev工具中遇到任何错误,我已经查看了其他示例,但我可以弄清楚我做错了什么.

这是一个xml/rss的例子:http://pastebin.com/stuY495c 这是我到目前为止上传的内容:http://bit.ly/J9QHZc

任何帮助将非常感谢,所以提前感谢!

xml ajax rss jquery

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

Chrome 19无法识别字体重量:更轻

我刚刚启动了一个项目,我正在努力进行一些修改,并注意到font-weight: lighter正在提供的声明,@font-face它不再在网站上工作(参见图片 - top chrome,bottom ff).自昨晚以来,我的系统(Windows)上没有任何变化,今天已经升级到Chrome 19.0.1084.46,我认为这是问题,但我想知道是否有其他人注意到这一点或是否有修复?

Chrome与FF字体重量:更轻

谢谢.

css google-chrome css3 font-face

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

在变量中使用 .each() .find() 和 .text()

在过去的几个小时里,我一直试图弄清楚这一点,但无法理解,所以我有以下功能:

$("SPEECH",currentContext).each(function(){
        var speaker = $("#selectSpeaker").val();
        if($(this).find("SPEAKER").text()===speaker){
            var line = $(this).find("LINE").text();

            $("#speakers").append("<p class='speech'>" + speaker + "</p>" + "<p>" + line + "</p>");
        } 
    });
Run Code Online (Sandbox Code Playgroud)

和 XML 标记为:http : //pastebin.com/GhesMcay

我正在做的是通过 XML获取诸如LINE& 之类的信息SPEECH,并且它几乎完美地工作,它找到了选定的SPEAKER,找到了LINE与扬声器相关的's 并输出它们。但是,我发现LINEXML 中连续的任何's 都被放入 1 个长段落而不是每个段落的新段落(就像我想要的那样)。通过这样做,对于一行中的行,一行的末尾和下一行的开头之间没有空格,因此行的开始和结束字连接在一起。

根据我的知识,我可以说这归结为没有寻找每一行,所以我的想法是.each()在变量中使用可以解决这个问题,但是我似乎无法让它工作。

任何帮助将不胜感激!

提前致谢。

javascript xml each jquery find

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

将 props 传递给样式组件

我正在使用我的 CMS (prismic.io) 中的 graphql 查询我的 React 站点的数据,以生成颜色主题页面。我想将一个变量或 props 传递到我的样式组件中,以根据从 CMS 发回的内容更改背景颜色。

在下面的示例中,我的 graphql 查询将返回用户输入的十六进制,然后将其应用于按钮等以主题化该页面。

当用户在 CMS 中选择颜色时,颜色会随着页面的不同而变化。

任何帮助,将不胜感激。代码示例如下:

道具

props.data.case_study_color

成分

const ContactButton = styled.button `
  background: #004655;
  color: #fff;
  font-size: 2rem;
  padding: 10px;
`;
Run Code Online (Sandbox Code Playgroud)

javascript css reactjs styled-components

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

标签 统计

jquery ×4

css ×3

javascript ×3

css3 ×2

html5 ×2

xml ×2

ajax ×1

each ×1

find ×1

font-face ×1

google-chrome ×1

html ×1

reactjs ×1

rss ×1

styled-components ×1