标签: jsfiddle
jsFiddle代码在本地计算机上不起作用
我正在尝试使元素在内部随机移动 <div>
幸运的是，有人找到了一个解决方案，可以在这里找到
但是，当我在本地计算机或服务器上运行该元素时，该元素不会移动。
这是我的源代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
div.a {
width: 50px;
height:50px;
background-color:red;
position:fixed;
}?
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
animateDiv();
});
function makeNewPosition(){
// Get viewport dimensions (remove the dimension of the div)
var h = $(window).height() - 50;
var w = $(window).width() - 50;
var nh = Math.floor(Math.random() * h);
var nw = Math.floor(Math.random() * w);
return [nh,nw]; …推荐指数
解决办法
查看次数
如何使用jsfiddle在javascript中输出新行？
我正在尝试学习基本的javascript并使用jsfiddle作为我选择的工具来玩代码.我发现我真的通过工作示例学习,我可以看到输出.
但是,我发现当我按照以下方式执行某些操作时,两行都显示在同一行:
document.writeln("This is Line One");
document.writeln("This is Line Two");
即http://jsfiddle.net/u1sonderzug/NVSsy/
我理解作为一个初学者,我可能会以完全错误的方式做这件事,所以我想了解最佳实践.
推荐指数
解决办法
查看次数
允许使用php格式的javascript,避免像JsFiddle一样乱砍
我有一个会员网站,用户可以将自己的代码嵌入到他们的个人资料中.我想允许他们在自己的个人资料中加入嵌入代码,例如YouTube和Javascript嵌入代码.
我注意到JsFiddle.net可以做到这一点.有人知道如何复制此安全性吗？
感谢您的任何帮助!
推荐指数
解决办法
查看次数
Bootstrap Popover/Clickover
所以我想知道......我正在使用Twitter的Bootstrap进行我的项目,我发了一个小通知Popover/Clickover(http://www.leecarmichael.com/bootstrapx-clickover/examples.html)功能.而且我想知道如何在静态高度上设置自定义滚动条...
我创建此弹出/点击的基本概念是:
$(function () {
$("[rel='tooltip']").tooltip({container: 'body'});
});
$("#notices").clickover({
content:data,
html:true,
container:'body'
,onShown: function () {$("#notices").tooltip("destroy");},
onHidden: function () {$("#notices").tooltip({container:'.navbar'});},
template: '\
<div class="popover notices">\
<div class="arrow"></div>\
<div class="popover-inner">\
<div class="popover-header">\
<h3 class="popover-title"></h3>\
<h3 class="popover-settings"><a href="/notifications.php?act=settings">Settings</a></h3>\
</div>\
<div class="popover-content">\
<p></p>\
</div>\
<h3 class="popover-footer"><center><a href="/notifications.php">See All</a></center></h3>\
</div>\
</div>'
});
使用HTML
<div id='userbar' class='btn-group input-prepend input-append'>
<button class='btn'></button>
<button class='btn'></button>
<button class='btn'></button>
<button class='btn'></button>
<button class='btn'></button>
<button class='btn'></button>
<button class='btn'></button>
<button id='notices' class='btn' rel='tooltip' data-placement='bottom' data-original-title='Notifications'> <i class='icon-exclamation-sign icon-large'> <span …推荐指数
解决办法
查看次数
Highcharts基本条形图.如何从栏中删除strokewith
使用演示高图时(来自highcharts.com).更具体的基本条形图,灰色主题.就像在这个http://www.highcharts.com/demo/bar-basic/gray
灰色主题图表上的条形图周围有一条白线,我想删除它们.我在javascript中发现它是strokewith = 1使它们出现.我无法找到将其设置为0的方法,因为它位于来自highcharts的库中.如何在本地访问strokewith = 1？
来自冰岛的最好问候:)
推荐指数
解决办法
查看次数
Javascript/Jquery在本地不起作用
我在JQuery中的许多不同的代码片段中一直存在这个问题,其中我尝试的代码在JSFiddle和w3schools等网站上运行,但是当我尝试通过Chrome加载html文件时,我的计算机上无效.
我的问题是,要在本地运行JQuery,您是否需要使用C语言编译软件,或者它应该像HTML/CSS一样只使用浏览器？
这是一个在JSFiddle和w3schools中工作的简单代码的例子,但对我不起作用......
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>
另外,如果需要编译器.你能给我推荐一个吗？感谢你的帮助!
推荐指数
解决办法
查看次数
如何获得与复选框相关的标签值(我是否打破了jsfiddle)？
我需要构建一个用户选择的csv dept数字.
我从这个HTML开始:
<button id="btnDept">select Depts</button>
<div id="dialog" title="Select the Depts you want to include in the report" style="display:none;">
<div>
<label for="ckbx2">2</label>
<input type="checkbox" id="ckbx2" />
<label for="ckbx3" id="lbl3">3</label>
<input type="checkbox" id="ckbx3" />
</div>
</div>
...而这个jQuery:
var deptsSelected = '';
$("#btnDept").click(function () {
$("#dialog").dialog({
modal: true
});
$('checkbox').click(function() {
deptsSelected += this.val + ',';
alert(deptsSelected);
});
});
...这对于显示选择的depts没有任何作用 - 这是有道理的,因为"this"可能是复选框,当然也不是标签.我将在这个对话框中有几十个复选框,并且不想写这样的东西:
$('#ckbx3').click(function(){deptsSelected + = $('lbl3').val +','; alert(deptsSelected);});
...对于每个复选框/标签对(即使使用这种强力方法,上面的代码显示了此警报,而不是我期望/希望的:
天堂到Murgatroid /什么是kerfluffle？!？
jsfiddle在这里:http://jsfiddle.net/clayshannon/aWpPN/
推荐指数
解决办法
查看次数
如何让德语语言环境在Bootstrap 3 Datepicker v4中运行？
我在一个jsfiddle中运行了Bootstrap 3 Datepicker,但我无法使德语语言环境工作:
$('#monthpicker').datetimepicker({
defaultDate: '2015-09',
format: 'MMM YYYY',
locale: 'de'
});
并且我知道我需要加载这两个资源:
http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0 /locales/bootstrap-datepicker.de.min.js
但它给了我这个错误:
TypeError:a.fn.datepicker未定义
TypeError:locale()locale de未从时刻区域设置加载!
我需要做些什么才能让德语语言环境起作用？
推荐指数
解决办法
查看次数
Javascript没有运行或工作？
我有一个项目,其中包含一个带密码计的登录表单.我按照cssdeck的教程,然后尝试将代码复制粘贴到JSFiddle中以查看结果.它适用于演示,但不适用于我的JSFiddle.问题是密码计无法正常工作.我已阅读过JavaScript,但看不出有什么问题.
任何建议都会很好.为什么完全相同的代码在小提琴中不起作用？
$(function(){
var pass1 = $('#password1'),
pass2 = $('#password2'),
email = $('#email'),
form = $('#main form'),
arrow = $('#main .arrow');
// Empty the fields on load
$('#main .row input').val('');
// Handle form submissions
form.on('submit', function(e){
// Is everything entered correctly?
if ($('#main .row.success').length == $('#main .row').length) {
// Yes!
alert("Thank you for trying out this demo!");
e.preventDefault();
// Remove this to allow actual submission
} else {
// No. Prevent form submission
e.preventDefault(); …推荐指数
解决办法
查看次数
使用knockoutjs禁用绑定
我正在尝试在选中复选框时禁用输入框.我正在尝试使用Knockoutjs来完成这项工作,但它似乎不起作用.
这是我的HTML:
<input id="input1" type="text" placeholder="Something Here"
data-bind="disable: makeInvalid"/>
<input type="checkbox" id="chk1" data-bind="checked: makeInvalid"/>
<label>Make Textarea Invalid</label>
这是我的js:
var viewModel = {
makeInvalid : ko.observable(false),
};
ko.applyBindings(viewModel, document.getElementById("chk1"));
我的小提琴在这里:
https://jsfiddle.net/devEngine/3ag0881z/2/
我试图遵循敲除关于禁用绑定的说明,他们说这与启用绑定完全相同,只是反过来:
http://knockoutjs.com/documentation/enable-binding.html
谁能告诉我我做错了什么？
任何帮助将非常感激.
推荐指数
解决办法
查看次数
标签 统计
jsfiddle ×10
javascript ×5
jquery ×4
html ×2
datepicker ×1
highcharts ×1
jquery-ui ×1
knockout.js ×1
php ×1
popover ×1