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