小编R.R*_*R.R的帖子

UI选项卡旋转窃取焦点

我正在使用jquery ui tab并在幻灯片中使用旋转.

<ul class="ui-tabs-nav" id="slide-controls">
        <li class="ui-tabs-selected" id="slide-control-slide_1"><a class="selected" href="#slide_1">Slide 1</a></li>
        <li id="slide-control-slide_2"><a href="#slide_2">Slide 2</a></li>
        <li id="slide-control-slide_3"><a href="#slide_3">Slide 3</a></li>
        <li id="slide-control-slide_4"><a href="#slide_4">Slide 4</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

Q1) 我的幻灯片显示在顶部,而我的页面很长.因此,每当我向下滚动到页面底部时,当幻灯片改变幻灯片(自动旋转)时,焦点将落在上面的锚标签上.所以看起来像jquery ui tab旋转窃取我的焦点.任何帮助,将不胜感激.

Q2) 另一个问题 - 如何阻止元素聚焦?(以某种方式与我之前的问题有关)

谢谢

jquery user-interface tabs rotation

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

(React Router)动态嵌套路由生成

我有一个关于动态生成嵌套路由的问题.如果没有嵌套,我可以动态生成路由.

我们来看下面的例子 -

var routes = [
    {
        name: 'about',
        path: '/about',
        handler: './pages/test/index.jsx',

        // this is a nested routes
        routes: [
            {
                name: 'me',
                path: 'me',
                handler: './pages/test/me'
            },
            {
                name: 'you',
                path: 'you',
                handler: './pages/test/you'
            }
        ]
    }
];
Run Code Online (Sandbox Code Playgroud)

我尝试做以下事项 -

var ExtraRoutes =  [];

_.each(routes, function(route) {
    ExtraRoutes.push(<Route name={route.name} path={route.path} handler={require(route.handler)} addHandlerKey={true} >);

        _.each(route.routes, function(route) {
            ExtraRoutes.push(<Route name={route.name} path={route.path} handler={require(route.handler)} addHandlerKey={true} />)
        });

        // obviously wrong way to do that :)
        ExtraRoutes.push(</Route>);
});
Run Code Online (Sandbox Code Playgroud)

但看起来我的语法不正确...那么如何动态地将这些嵌套路由注入父路由?

我的最终目标是生成以下内容

<Route name="about" …
Run Code Online (Sandbox Code Playgroud)

reactjs react-router

5
推荐指数
0
解决办法
632
查看次数

Node http-proxy / http-proxy-middleware - 如何操作代理响应

我正在使用 Express 4,并且正在使用中间件http-proxy-middlewarehttps://github.com/chimurai/http-proxy-middleware),并且遇到以下问题

通常,我可以在返回客户端之前执行以下操作来操作响应

app.get('/v1/users/:username', function(request, response, next) {
    var username = request.params.username;
    findUserByUsername(username, function(error, user) {
        if (error) return next(error);
        return response.render('user', user);
    });
});
Run Code Online (Sandbox Code Playgroud)

但是,如果我使用代理,我如何执行自定义逻辑,假设我想在响应客户端之前操作一些数据?有没有一个好的模式可以用这个中间件来做到这一点?

app.use('/api', proxy({target: 'http://www.example.org', changeOrigin: true}));
Run Code Online (Sandbox Code Playgroud)

这是我放在 github 中的问题的反向链接 - https://github.com/chimurai/http-proxy-middleware/issues/97

任何帮助,将不胜感激。

proxy http-proxy node.js node-http-proxy

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

React 没有在简单的 React 组件( Universal )中定义

我正在使用 15.0.1 并使用 React 创建通用应用程序

我在以下组件中未定义 React

import {Component} from "react";

export default class HeroSearchView extends Component{

    render() {

        return (
            <div className='row'>
                hello
            </div>
        );
    }
}
Run Code Online (Sandbox Code Playgroud)

以下代码调用该 React 组件

import React from "react";
import { connect } from 'react-redux'
import Coupon from '../../common/components/Coupon'
import { actions as miscActions } from '../../redux/modules/misc'
import HeroSearchView from './components/HeroSearchView'


const mapStateToProps = (state) => ({
    misc:state.misc
})

export class HomeView extends React.Component{
    render() {

        return (
            <div>
                <HeroSearchView  />
                <Coupon {...this.props} /> …
Run Code Online (Sandbox Code Playgroud)

node.js reactjs isomorphic

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