小编god*_*per的帖子

Bootstrap模态:不是一个函数

我的页面中有一个模态.当我在Windows加载时尝试调用它时,它会向控制台输出一条错误:

$(...).modal is not a function
Run Code Online (Sandbox Code Playgroud)

这是我的模态HTML:

<div class="modal fade" id="prizePopup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                &times;
            </button>
            <h4 class="modal-title" id="myModalLabel">
                This Modal title
            </h4>
        </div>
        <div class="modal-body">
            Add some text here
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">
                Submit changes
            </button>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

<script type="text/javascript" src="js/bootstrap.js"></script>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

这是我在加载窗口时运行它的JavaScript:

<script type="text/javascript">
$(window).load(function() {
    $('#prizePopup').modal('show');
});
</script>
Run Code Online (Sandbox Code Playgroud)

我该如何解决这个问题?

html javascript jquery bootstrap-modal

91
推荐指数
10
解决办法
24万
查看次数

Material-UI + React:卡无法使用扩展器进行扩展

我有一个简单的卡组件,我从material-ui的网站上复制过来.

我正在尝试在我的代码中实现它.当我点击CardHeader时,它不会扩展.

这是我的组件:

import React, { Component } from 'react';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';

import {Card, CardActions, CardHeader, CardText} from 'material-ui/Card';
import FlatButton from 'material-ui/FlatButton';

const CardExample = () => (
    <MuiThemeProvider muiTheme={getMuiTheme()}>
        <Card expanded={true}>
            <CardHeader
              title="Without Avatar"
              subtitle="Subtitle"
              actAsExpander={true}
              showExpandableButton={true}
            />
            <CardText expandable={true}>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.
              Donec mattis pretium massa. Aliquam erat volutpat. Nulla facilisi.
              Donec vulputate interdum sollicitudin. Nunc lacinia auctor quam sed pellentesque.
              Aliquam dui mauris, mattis quis …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs webpack redux material-ui

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