标签: jsfiddle

例如,我想将此添加到jsfiddle.net

jQuery验证

这可能吗？

在jsfiddle.net中,我有这个简单的代码:

console.log('yep');
alert('hello');

我可以看到警报窗口,但我的firebug控制台中没有任何内容.

有原因吗？

是什么原因导致滚动条没有被夹在这个小提琴的桌子一侧:http://jsfiddle.net/m4HB3/8/ 目前它位于最后一列的下方,意味着它占据了一些列空间和从而导致表格的对齐问题.

表标题是固定的,因为我想要一个带有固定标题的滚动表.

问题可能是表格和各列的宽度设置？

有人也可以在jsfiddle外面的脚本上发布他们的答案并直接放在浏览器上,因为我已经看到了jsifddle中有些工作但后来在浏览器的主应用程序中无法工作的示例.

HTML:

   <table id="tableqanda" cellpadding="0" cellspacing="0">
    <thead>
    <tr>
        <th width="5%" class="questionno">Question No.</th>
        <th width="27%" class="question">Question</th>
        <th width="7%" class="option">Option Type</th>
        <th width="11%" class="image">Image</th>

    </tr>
    </thead>
    </table>
    <div id="tableqanda_onthefly_container">
    <table id="tableqanda_onthefly" cellpadding="0" cellspacing="0">
    <tbody>
        <tr class="tableqandarow">
<td width="5%" class="questionno">1</td>
<td width="27%" class="question">What is a RAM?</td>
<td width="7%" class="option">A-E</td>
<td width="11%" class="imagetd"><ul class="qandaul"><li>Lighthouse_4.jpg</li></ul></td>
</tr>
<tr class="tableqandarow">
<td width="5%" class="questionno">2</td>
<td width="27%" class="question">Name 3 car maneuvers you may do in a test?</td>
<td width="7%" class="option">A-F</td>
<td width="11%" …

我知道jsFiddle用于支持来自GitHub的任意javascript文件,但现在不再支持了.可能是GitHub已经改变了它的mime类型的原始文件.当所需的js文件不在任何cdn中时可能有什么选择(可能是它不太受欢迎的js repo).

对于使用JavaScript输入回答问题,我经常在JSFiddle上使用Demos .它非常有用,但当我回答这个工具提示问题时,我需要使用jQuery UI.

这种用法的问题是,您可以在Framework选择中检查jQuery UI,但它只加载js文件而不加载css文件.

所以我决定链接到http://jqueryui.com/themes/base/jquery.ui.all.cssjQuery UI官方演示中使用的这个.=>问题解决了.

真的解决了？没有？!

因为如果用户之前打开过jQuery Demo,这个链接效果很好,但正如我在我的工作中看到的那样,如果我只打开小提琴而没有打开一个演示,它就不起作用.

• 这是为什么？
• 我该如何解决这个问题？
• 我应该如何在jsFiddles中为jQuery链接css？Googles CDN也只包含JavaScript文件.

我不想托管我自己的css文件,只是为了在jsfiddle上发布演示......

PS:我提到这种行为的JSFiddle是http://jsfiddle.net/neysor/r9yfw/

我希望.cols内部.row继承.row高度并将.cols其固定在内部.row.这是小提琴.. http://jsfiddle.net/Hhf8R/

我的想法是让它像一张桌子,但使用div.像这样:http://jsfiddle.net/hhUtb/

是否可以选择和复制我在jsfiddle中编写的代码？当我尝试选择代码(Chrome 28.0,Mac OSX)时,一旦我释放鼠标点击(准onmouseup),文本就会被取消选择.

对不起,如果已经有类似的问题,但谷歌jsfiddle相关问题很难.

将JavaScript面板一直扩展到右侧并调整浏览器窗口大小后,我现在无法看到结果/ HTML面板,无法将栏拖回原位.

我可以垂直调整窗口大小,而不是水平调整大小.

我在Chrome中尝试过:

• 打开/关闭选项卡/浏览器
• 空缓存
• 在开发人员模式下禁用/启用缓存
• 删除所有Cookie
• 控制台打开,空缓存和硬重新加载
• 通过chrome:// settings/cookies删除与jsfiddle.net相关的cookie
• "手动"通过以下方式设置'window_sizes':http://pastebin.com/rBMHfvqV
• 扩展浏览器窗口
• 禁用所有扩展

我目前的window_sizes:

window_sizes = {
    w : [
        "104.46009389671363%",
        "0.4694835680751197%"
    ],
    h : [
        "23.96416573348264%",
        "76.03583426651736%",
        "21.50055991041433%",
        "78.49944008958568%"
    ]
};

jsfiddle上的窗口在隐身模式下正确显示.我也没有去jsfiddle.net一个星期希望某种饼干/神秘肉会到期.

我需要运行一个完全由用户编写的 Javascript 函数。我给他提供了一个骨架，但细节需要他指定，例如

function main(model, console) {
    // the user can enter anything here
    // ideally, he would only be allowed to 
    // use the methods that "model" and "console" provide, e.g.
    var item = model.getItems();
    console.log("Found " + item.length + " items.");
}

为了使应用程序正常工作，用户只需要访问参数的方法和属性（他明确不需要文档或窗口访问或发送XMLHttpRequests）。

我已经阅读了几篇有关eval()函数以及如何使用它来运行代码的文章。我还阅读了 StackOverflow 上的其他文章（jsFiddle 如何运行代码、一般情况下的 eval等），但我仍然不确定如何正确执行。

首先：什么是真正的问题eval()？攻击者可以做什么以及如何防止攻击（使用白名单、黑名单或用户输入清理库）？谁能深入解释 jsFiddle 和此类网站如何执行用户输入？

我有一个表格可以更改用户的个人详细信息。我以这种形式允许用户更改其电子邮件和/或密码。使用jQuery时，我希望在检测到其中一个字段已更改时显示“当前密码”字段。

对于电子邮件字段，这意味着在更改时会显示密码字段，但是在正确输入电子邮件后会再次隐藏自身。

对于密码字段，这意味着它仅显示何时在字段中键入任何内容。

我已经掌握了基础知识，但是我无法让他们彼此合作。因此，当我同时更改两个和一个更改时，“当前密码”字段将隐藏起来。

let requiredSet;

$('.js-show-target-on-change').on('input', function() {
  const target = $('.js-show-target-on-change__target');
  let currentValue = $(this).val();

  if ( $(this).data('type') === 'email' ) {
    const emailValue = $(this).data('value');

    if ( currentValue !== emailValue && !requiredSet === true ) {
      target.show();
      target.find('input').prop('required', true);

      requiredSet = true;
    } else if ( currentValue === emailValue ) {
      target.hide();
      target.find('input').prop('required', false);

      requiredSet = false;
    }
  } else {
    if ( !requiredSet === true ) {
      target.show();
      target.find('input').prop('required', true);

      requiredSet = true;
    } else if …