Javascript Textarea不';我不能得到更新
尝试使用自定义生成示例仅在用户单击复选框并提交时生成和加载代码页。然而,文本区域似乎根本没有更新 我试图让我的代码像这个例子一样工作 JSFIDLE 这是代码Javascript Textarea不';我不能得到更新,javascript,jquery,html,Javascript,Jquery,Html,尝试使用自定义生成示例仅在用户单击复选框并提交时生成和加载代码页。然而,文本区域似乎根本没有更新 我试图让我的代码像这个例子一样工作 JSFIDLE 这是代码 <section class="custom-downloads" id="css-downloads"> <div class="page-header"> <a class="btn btn-small pull-right toggle-all" href="#">Toggle a
<section class="custom-downloads" id="css-downloads">
<div class="page-header">
<a class="btn btn-small pull-right toggle-all" href="#">Toggle all</a>
<h1>
1. Choose and Download CSS components
<small>Get just the CSS you need</small>
</h1>
</div>
<div class="row">
<div class="span3">
<label class="checkbox"><input checked="checked" type="checkbox" value="selectboxit/jquery.selectBoxIt.css"> SelectBoxIt CSS</label>
</div>
</div>
<br />
<a class="btn" data-bind="css-downloads" id="css-generate">Generate CSS</a>
<a class="btn btn-primary download-button" id="css-download" download="jquery.selectboxit.css">Download CSS</a>
<br /><br />
<textarea class="source-area default sourceView" id="generated-css-source">// Minified source</textarea>
</section>
<section class="custom-downloads" id="javascript-downloads">
<div class="page-header">
<a class="btn btn-small pull-right toggle-all" href="#">Toggle all</a>
<h1>
2. Choose and Download JavaScript components
<small>Get just the JavaScript you need</small>
</h1>
</div>
<div class="row">
<div class="span3">
<label class="checkbox"><input checked="checked" type="checkbox" value="selectboxit/jquery.selectBoxIt.core.min.js" disabled> SelectBoxIt Core</label>
<label class="checkbox"><input checked="checked" type="checkbox" value="selectboxit/jquery.selectBoxIt.ariaAccessibility.min.js"> Aria Accessibility</label>
<label class="checkbox"><input checked="checked" type="checkbox" value="selectboxit/jquery.selectBoxIt.destroy.min.js"> Destroy method</label>
<label class="checkbox"><input checked="checked" type="checkbox" value="selectboxit/jquery.selectBoxIt.disable.min.js"> Disable method</label>
</div>
</div><!-- /row -->
<br />
<a class="btn" href="#" data-bind="javascript-downloads" id="javascript-generate">Generate JavaScript</a>
<a class="btn btn-primary download-button" id="javascript-download" download="jquery.selectboxit.js">Download JavaScript</a>
<br /><br />
<textarea class="source-area default sourceView" id="generated-javascript-source">// Minified source</textarea>
</section>
</div>
</div><!--/.fluid-container-->
<div class="modal hide fade" id="myModal">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h3>Downloads</h3>
</div>
<div class="modal-body">
<a class="btn btn-large" href="#" target="_blank" data-lang="css" download="jquery.selectboxit.css">Download CSS</a>
<a class="btn btn-large" href="#" target="_blank" data-lang="javascript">Download JavaScript</a>
</div>
</div>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery-ui-1.8.22.custom.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.tocify.min.js"></script>
<script src ="js/base64.js"></script>
<script src="js/javascripts/DownloadBuilder.js"></script>
<script>
$(function() {
$("a[href='#']").click(function(event) {
event.preventDefault();
});
$(".toggle-all").on("click", function() {
$(this).parent().parent().find('input[type="checkbox"]').not(":disabled").each(function() {
$(this).attr("checked", !$(this).attr("checked"));
});
});
var builder = new DownloadBuilder();
$("#css-generate").on("click", function() {
builder.buildURL($("#css-downloads input[type='checkbox']:checked"), "jquery.selectboxit.css", "css", function(data) {
$("#generated-css-source").text(data.content);
if(!data.content) {
$("#css-download").fadeOut("slow");
}
if(data.url) {
$("#css-download").attr("href", data.url).fadeIn("slow");
}
});
});
$("#javascript-generate").on("click", function() {
builder.buildURL($("#javascript-downloads input[type='checkbox']:checked"), "jquery.selectboxit.js", "javascript", function(data) {
$("#generated-javascript-source").text(data.content);
if(!data.content) {
$("#javascript-download").fadeOut("slow");
}
if(data.url) {
$("#javascript-download").attr("href", data.url).fadeIn("slow");
}
});
});
});
</script>
</body>
</html>
1.选择并下载CSS组件
获取所需的CSS
选择Boxit CSS
2.选择并下载JavaScript组件
获取所需的JavaScript
选择Boxit Core
咏叹调可及性
销毁方法
禁用方法
$(函数(){
$(“a[href=”#“])。单击(函数(事件){
event.preventDefault();
});
$(“.toggle all”)。打开(“单击”,函数(){
$(this).parent().parent().find('input[type=“checkbox”]”)。不(“:disabled”)。每个(函数(){
$(this.attr(“选中”),!$(this.attr(“选中”);
});
});
var builder=new DownloadBuilder();
$(“#css生成”)。在(“单击”,函数()上){
buildURL($(“#css下载输入[type='checkbox']:选中”),“jquery.selectboxit.css”,“css”,函数(数据){
$(“#生成的css源”).text(data.content);
如果(!data.content){
$(“#css下载”).fadeOut(“慢”);
}
if(data.url){
$(“#css下载”).attr(“href”,data.url).fadeIn(“慢”);
}
});
});
$(“#javascript生成”)。在(“单击”,函数()上){
buildURL($(“#javascript下载输入[type='checkbox']:选中”),“jquery.selectboxit.js”,“javascript”,函数(数据){
$(“#生成的javascript源”).text(data.content);
如果(!data.content){
$(“#javascript下载”).fadeOut(“慢”);
}
if(data.url){
$(“#javascript下载”).attr(“href”,data.url).fadeIn(“慢”);
}
});
});
});
您应该缩小代码的范围。还有,控制台中有错误吗?是的,我收到了这个错误XMLHttpRequest无法加载。。。跨源请求仅支持协议方案:http、data、chrome extension、https、chrome extension resource。您这里有大量代码,请将其缩减,这样您就可以在完全没有非必要代码的情况下复制代码,并编辑您的问题。我缩小了范围。谢谢@TankorSmashfiddle不起作用——该fiddle中不存在DownloadBuilder,而且您忘了包含jQuery。