Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/419.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 外部jquery在加载时不工作_Javascript_Jquery_Html - Fatal编程技术网

Javascript 外部jquery在加载时不工作

Javascript 外部jquery在加载时不工作,javascript,jquery,html,Javascript,Jquery,Html,我正在做一项任务,我想用html创建在线名片。现在,在加载时,它看起来像这样,我在其中绘制了不同的形状 根据你看到的第一张图片,我画了不同的形状 在第二张图片中,当我选择一张图片时,shaped toolkit被隐藏,因此我无法在图片上创建shaped 因此,根据我在代码中的研究,我意识到jquery“initialize:function()”在选择图片后不会加载。所以可以说,在加载时jquery没有执行 这是我的密码 <script type='text/javascript' s

我正在做一项任务,我想用html创建在线名片。现在,在加载时,它看起来像这样,我在其中绘制了不同的形状

根据你看到的第一张图片,我画了不同的形状

在第二张图片中,当我选择一张图片时,shaped toolkit被隐藏,因此我无法在图片上创建shaped

因此,根据我在代码中的研究,我意识到jquery“initialize:function()”在选择图片后不会加载。所以可以说,在加载时jquery没有执行

这是我的密码

<script type='text/javascript' src='js/jquery.min.js'></script>
<script src="js/kinetic-v3.9.3.js"></script>
<script type="text/javascript" src="js/version1.js"></script>
<link href="css/layout.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="css/menu.css" type="text/css" media="screen" />
<!-- Menu -->
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="css/ie/ie.css" />
<![endif]-->
<link rel="stylesheet" href="styles/global.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/mobile.js"></script>
<script type="text/javascript" src="js/form.js"></script>
<script type="text/javascript" src="./lib/jquery.1.10.2.min.js"></script>
    <!-- jquery -->
    <script type="text/javascript" src="./Pixanova_files/jquery.min.1.9.0.js"></script>
    <!-- backbone -->
    <script type="text/javascript" src="./Pixanova_files/underscore.min.1.4.4.js"></script>
    <script type="text/javascript" src="./Pixanova_files/backbone.min.0.9.10.js"></script>

    <!-- wColorPicker -->
    <link rel="stylesheet" type="text/css" href="./Pixanova_files/wColorPicker.css">
    <script type="text/javascript" src="./Pixanova_files/wColorPicker.js"></script>

    <!-- wPaint -->
    <script type="text/javascript" src="./Pixanova_files/jquery.ui.core.min.js"></script>
    <script type="text/javascript" src="./Pixanova_files/jquery.ui.widget.min.js"></script>
    <script type="text/javascript" src="./Pixanova_files/jquery.ui.mouse.min.js"></script>
    <script type="text/javascript" src="./Pixanova_files/jquery.ui.draggable.min.js"></script>
    <link rel="stylesheet" type="text/css" href="./Pixanova_files/wPaint.css">
    <script type="text/javascript" src="./Pixanova_files/wPaint.js"></script>

    <!-- pixanova -->
<script type="text/javascript" src="./Pixanova_files/pixanova.js"></script>
<link rel="stylesheet" type="text/css" href="./Pixanova_files/pixanova.css">


    <div id="wrapper">
      <!--header-->

      <div id="content">

        <!-- container is the div id from where the image is display -->

        <div id="container" style="width:600px; height:600px; float:right"> </div>

        <script type="text/javascript">
            var pixanova = new PixanovaView321();
        </script>

        <div id="editor">
          <ul id="text" style="float: left; margin-right:10px;">
            <!--<div id="spinner" class="spinner" style="display:none;margin-left:80px;margin-bottom:20px;"> Image Uploading<img src="images/ajax.png" alt="loading"> 
            </div>-->
            <div id="container2" style="width:140px;"> </div>

            <li>
              <label>&nbsp;</label>
              <input type="submit" id="textsubmit" value="Add Text"/>

            <select name="Choice" onchange="setImage(this);">
                <option value="images/blue.jpg">Photo 1</option>
                <option value="images/black.jpg">Photo 2</option>
                <option value="images/red.jpg">Photo 3</option>
                <option value="images/redplan.jpg">Photo 4</option>
            </select> 

            <input type='file' />

            </li>
          </ul>
          <p class="clearing" /></p>
                  </div>

      </div>
    </div>
    <!--container--> 

    </body>

jquery似乎未包含在您的页面中。我已包含…在哪里?如果对代码进行了更改,请编辑问题。检查您的浏览器控制台是否有错误,并在此处报告任何错误。我并没有收到任何类型的错误。我的问题是,当我上传图像时,选择下拉项,此时形状工具箱已被隐藏。所以,我不想隐藏工具箱。您提到初始化方法没有触发。我看到您的代码中似乎没有jquery,并且初始化方法需要jquery(假设$map到代码中的jquery)。如果您现在已经包含了jquery,那么任何与jquery相关的语法错误都将消失。我只是想确认没有其他人。遗憾的是,我对pixanova工具一无所知,因此无法帮助您解决工具箱问题。您是否阅读了所有文档以查看是否存在调用工具箱的方法?
var PixanovaView321 = Backbone.View.extend(
{
    initialize: function()
    {
        alert();
        //Menu option
        $('#container').wPaint({
            menuOffsetX: 50,
            menuOffsetY: 50,
            menuOrientation: 'horizontal',
            strokeStyle: "yellow"
        });
    },
});