Question

我遇到了Jquery脚本的问题，它只需要从选择选项更改字体大小而且它不起作用但是如果我删除了引导程序链接我的脚本工作。它可能是什么类型的问题？

HTML

type GreenMix a = (Scalar a, Complex (Scalar a))
data ResultType a  = Clomb (Scalar a) 
                   | Lrenz (Complex (Scalar a)) 
                   | Mix (GreenMix a)

data Gauge a = Gauge1 (Scalar a) (Scalar a)
             | Gauge2 (Scalar a) (Scalar a) (Scalar a)

greenF :: (Scalar a -> a) -> (Scalar a -> a) -> Gauge a -> Result a
greenF f1 f2 (Gauge1 g1 g2)    = Clomb $ greenF_Gauge1 f1 f2 g1 g2
greenF f1 f2 (Gauge2 g1 g2 g3) = Lrenz $ greenF_Gauge2 f1 f2 g1 g2 g3

Jquery的

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Generate Html with Jquery</title>
    <link rel="stylesheet" href="style.css">
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <div class="container">
        <div class="main_text">
            <h1>Change Headings</h1>
        </div>


        <select id="selection">
            <option value="h1">H1</option>
            <option value="h2">H2</option>
            <option value="h3">H3</option>
            <option value="h4">H4</option>
            <option value="h5">H5</option>
        </select>

        <div class="color_picker">
            <h3>Choose Text Color</h3>
            <input type="color" id="color_picker">
        </div>

        <div class="change_font">
            <h3>Change Font</h3>
            <select id="select_font">
                <option value="Sans-serif">Sans-serif</option>
                <option value="Monospace">Monospace</option>
                <option value="Serif">Serif</option>
                <option value="Fantasy">Fantasy</option>
                <option value="Verdana">Verdana</option>
                <option value="Impact">Impact</option>
            </select>
        </div>

        <div class="change_size">
            <h3>Font Size</h3>
            <select id="change_font_size">
                <option value="14">14</option>
                <option value="18">18</option>
                <option value="22">22</option>
                <option value="24">24</option>
                <option value="26">26</option>
            </select>
        </div>

    </div>


    <script src="jquery-2.1.4.min.js"></script>
    <script src="main.js"></script>
</body>
</html>

Jquery脚本无法使用Bootstrap

0 个答案: