小编mtw*_*let的帖子

jQuery切换文本?

有没有人知道如何使用jQuery切换文本锚标记的html文本.我想要一个锚点,当点击时,文本在"显示背景"和"显示文本"之间交替显示,以及淡入和淡出另一个div.这是我最好的猜测:

$(function() {
    $("#show-background").click(function () {
        $("#content-area").animate({opacity: 'toggle'}, 'slow'); 
    });

    $("#show-background").toggle(function (){
        $(this).text("Show Background")
        .stop();
    }, function(){
        $(this).text("Show Text")
        .stop();
    });
});
Run Code Online (Sandbox Code Playgroud)

提前致谢.

jquery toggle

74
推荐指数
8
解决办法
15万
查看次数

使用Modernizr测试平板电脑和移动设备 - 意见通缉

我想使用Modernizr来检测用户是在桌面,平板电脑还是移动设备上查看网站.

我最初的第一个想法显然是检查屏幕尺寸应该足够用于移动设备以及更大的桌面.对于屏幕尺寸也可能与小型桌面屏幕(1024 x 768)相同的平板电脑设备,我也会测试触摸事件.

在这个时候,我想专注于移动/平板电脑设备,就像jQuery mobile所说的那样,A级.我不打算使用任何特定的移动设备功能,只需检测桌面,平板电脑或移动设备,并根据测试结果附加CSS类,为每个设备提供量身定制的UI.

你认为这足以实现我想要的,或者你认为我应该测试其他功能吗?提前谢谢了.

mobile desktop tablet device-detection modernizr

39
推荐指数
3
解决办法
9万
查看次数

Redux我可以在单独的reducer中使用一种动作类型吗?

我的Redux应用程序中有一种情况,我目前有3个独立的reducer来处理从api中获取数据.我的一个减速器的一个例子是:

const INITIAL_STATE = {
  data: [],
  loading: false,
  error: ''
};

export default (state = INITIAL_STATE, action) => {
  switch (action.type) {
    case GET_ALL_ORDERS_START:
      return {
        ...state,
        loading: true
      };
    case GET_ALL_ORDERS_SUCCESS:
      return {
        ...state,
        allOrders: action.payload,
        loading: false
      };
    case GET_ALL_ORDERS_FAIL:
      return {
        ...state,
        loading: false,
        error: action.payload
      };
    default:
      return state;
  }
};
Run Code Online (Sandbox Code Playgroud)

注意加载和错误状态,这些在每个当前的reducer中是相同的,并且对于我编写的涉及从api获取数据的任何后续reducecer而言.

我想添加一个仅用于加载和错误状态的reducer.其他3将存储数据.

这会给我:

数据减少器x 3

const INITIAL_STATE = {
  data: []
  // any other state in the future
};

export default (state = INITIAL_STATE, …
Run Code Online (Sandbox Code Playgroud)

redux react-redux

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

使用jQuery将html添加到div

我正在尝试使用jQuery向id幻灯片添加一些额外的html到div.我的代码:

$("#slideshow").append("<a id="prev" title="Previous Slide">Previous Slide</a><a id="next" title="Next Slide">Next Slide</a>");
Run Code Online (Sandbox Code Playgroud)

这不起作用,谁能告诉我我做错了什么?

javascript string jquery

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

窗口上的jQuery滚动动画背景图像位置

我试图使用jQuery实现滚动效果.我有一个背景div设置为100%浏览器窗口大小隐藏溢出.这有一个大的背景图像约.1500px x 2000px.

我想要的效果是当用户向下滚动页面时背景图像以滚动距离的百分比移动,因此对于每页向下滚动200px,图像在相同方向上移动10px.

谁能指出我正确的方向?这甚至可能吗?: ) 提前谢谢了.

UPDATE

我已经尝试过@Capt Otis的建议变体,但我仍然在努力解决我正在使用的代码如下:

$(window).scroll(function(){
    if($(this).scrollTop() > 200) {
        $('#div').animate({'background-postion': '+=10px 0'}, 500);
    }
});     
Run Code Online (Sandbox Code Playgroud)

任何人都可以解释我做错了什么吗?

jquery scroll background image jquery-animate

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

jQuery同时选择'this'和另一个选择器

我正在使用jQuery单击功能,并想知道我是否可以使用术语'this'来选择导航元素和另一个选择器同时在这里我的代码:

$('#nav').click(function() {
    $(this, '#anotherSelector').hide();
});
Run Code Online (Sandbox Code Playgroud)

这不起作用.它也选择#anotherSelector而不是#nav元素.我究竟做错了什么?

提前谢谢了.

jquery css-selectors jquery-selectors

18
推荐指数
2
解决办法
6952
查看次数

React Native无法运行stacktrace

我正在尝试使用Mac上的React Native启动并运行测试项目(osx 10.12).如果我跑:

react-native run-android --stacktrace

我收到以下错误:

error: unknown option '--stacktrace'

我安装了:

  • 节点守望者
  • Java JDK
  • Android SDK
  • React Native CLI
  • Genymotion

当我运行该命令时,模拟器正在运行.

谁能告诉我为什么会这样?提前谢谢了.

java macos android react-native

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

jquery添加删除类

我有4个锚点,我想在点击时向锚点添加一个当前类,并同时从其他3个类中删除该类.这是我的代码.我究竟做错了什么?

if ($("ul#thumb a").hasClass("current") {
    $("ul#thumb a").removeClass("current");
    $(this).addClass("current");
});
Run Code Online (Sandbox Code Playgroud)

我的HTML看起来像这样:

<ul id="thumbs">
    <li>
        <!-- intro page navi button -->
        <a id="t0" class="active" name="t0">The Company</a>

        <ul class="navi">
            <li><a style="display:none"></a></li>
            <li><a id="t1" name="t1">The Brief</a></li>
            <li><a id="t2" name="t2">The Solution</a></li>
            <li><a id="t3" name="t3">The Result</a></li>
        </ul>

    </li>
</ul>
Run Code Online (Sandbox Code Playgroud)

jquery class add

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

使用jQuery定位IE7

我试图在jQuery函数中使用if语句来定位IE7.我对这个特定位的代码是:

if($.browser.msie && $.browser.version.substring(0) == "7") {
    //Do something
}
Run Code Online (Sandbox Code Playgroud)

它是否正确?

jquery browser-detection internet-explorer-7

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

jQuery nth-child之后添加html

我有一个简单的无序列表,包含16个列表项.我想使用jQuery在每四个现有列表项之后添加一个新的列表项

我该怎么办?代码如下:

<ul>
    <li>some stuff</li>
    <li>some stuff</li>
    <li>some stuff</li>
    <li>some stuff</li>

    <li class="clear">This is what I want to add</li>

    <li>some stuff</li>
    <li>some stuff</li>
    <li>some stuff</li>
    <li>some stuff</li>

    <li class="clear">This is what I want to add</li>

    and so on...
</ul>
Run Code Online (Sandbox Code Playgroud)

jquery css-selectors

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