标签: jsfiddle

ddslick方法onSelected正在运行

我使用ddSlick插件为jQuery和方法onSelected应该只在我从创建的Dropdown中选择一个选项时运行.

唯一的问题是,我加载的以下代码似乎在页面加载后立即运行onSelected.

谁能指出我正确的方向?

$('#flag').ddslick({
    imagePosition:"left",
    background:"none",
    width:"66px",
    onSelected: function(data){
        var chosenCountry = data.selectedData.value;
        chosenCountry = chosenCountry.toLowerCase();
        if(data.selectedIndex > 0) {
            if( new_url[1] in oc(['de', 'es','fr','it']) ) {
                console.log("translated pages");
            }
        } else {
            console.log("English site");
        }
    }   
});
Run Code Online (Sandbox Code Playgroud)

的jsfiddle

谢谢

jquery jsfiddle

6
推荐指数
2
解决办法
7513
查看次数

即使我在JSFiddle中声明ng-app ="MyApp",为什么我还需要angular.bootstrap

我真的不明白为什么有必要angular.bootsrap document, ['MyApp']在我的CoffeeScript代码的末尾做一个管理以下测试应用程序中的模块和控制器的代码:

这是HTML:

<div ng-app='InventoryModule' ng-controller='InventoryController'>
    <ul ng-repeat='item in items'>
        <li>{{item.title}}</li>
        <li>{{item.price | currency}}</li>
    </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

还有CoffeeScript:

inventoryModule = angular.module 'InventoryModule', []

inventoryModule.factory 'Items', ->
    items = {}
    items.query = () -> [{title: 'Hello', price: '5'}]
    items

inventoryModule.controller 'InventoryController', ($scope, Items) ->
    $scope.items = Items.query()

angular.bootstrap document, ["InventoryModule"]
Run Code Online (Sandbox Code Playgroud)

如果删除最后一行,则应用程序将无效.这是为什么?其他任何地方都没有真正解释过.

这是代码的小提琴:http: //jsfiddle.net/dralexmv/8km8x/11/

正如您所看到的,应用程序确实有效.如果你删除bootstrap它将停止工作.

coffeescript jsfiddle angularjs

6
推荐指数
1
解决办法
5388
查看次数

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%"
    ]
};
Run Code Online (Sandbox Code Playgroud)

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

resize window-resize jsfiddle

6
推荐指数
2
解决办法
1011
查看次数

如何在没有安全问题的情况下运行用户提供的Javascript(例如jsFiddle、jsBin等)?

我需要运行一个完全由用户编写的 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.");
}
Run Code Online (Sandbox Code Playgroud)

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

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

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

javascript security eval jsfiddle

6
推荐指数
2
解决办法
2582
查看次数

jQuery mobile如何在jsfiddle.net中运行?

我有这个简单的小提琴,它使用jQuery mobile,但它不起作用.

问:我错过了什么?

jquery-mobile jsfiddle

5
推荐指数
1
解决办法
2715
查看次数

如何在jsfiddle.net中调整多个相邻textareas的大小?

如何通过在区域1,2和3上拖动鼠标来调整textarea的大小,就像jsfiddle.net网站一样?

我的代码是:

HTML:

<div id="content">
    <fieldset id="LeftPanel">
        <div id="div_A" class="window top">
            A
        </div>
        <div id="div_left" class="handler_horizontal"></div>
        <div id="div_B" class="window bottom">
            B
        </div>
    </fieldset>
    <div id="div_vertical" class="handler_vertical"></div>
    <fieldset id="RightPanel">
        <div id="div_C" class="window top">
            C
        </div>
        <div id="div_right" class="handler_horizontal"></div>
        <div id="div_D" class="window bottom">
            D
        </div>
    </fieldset>
</div>
Run Code Online (Sandbox Code Playgroud)

JS:

$(function () {
    window.onresize = resize;
    resize();
});

function resize() {
    var h = (window.innerHeight || (window.document.documentElement.clientHeight || window.document.body.clientHeight));
    var divHight = 20 + $("#div_left").height();//20=body padding:10px
    $("#content").css({ "min-height": h - divHight + "px" }); …
Run Code Online (Sandbox Code Playgroud)

javascript jquery resize jsfiddle

5
推荐指数
1
解决办法
1524
查看次数

Javascript计时器只需几分钟和几秒钟

我找到了 JSFiddle一个计时器,每秒计数一次.除了我希望这只与分钟和秒钟一起工作.没有时间.

有任何想法吗?

javascript timer stopwatch jsfiddle

5
推荐指数
4
解决办法
4万
查看次数

jsfiddle - Chrome 中的网络钓鱼警告

按“运行”后我收到此消息:

即将报告钓鱼网站!Google Chrome 已阻止访问 fiddle.jshell.net。该网站已被报告为网络钓鱼网站。网络钓鱼网站旨在通过伪装成您可能信任的其他网站来诱骗您泄露您的登录名、密码或其他敏感信息。了解更多 返回 高级

这是一个屏幕截图: “即将报告的网络钓鱼网站”Google Chrome 屏幕截图

google-chrome blowfish jsfiddle

5
推荐指数
1
解决办法
516
查看次数

如何在 JSFiddle 中搜索特定的小提琴?

我真的很喜欢JSFiddle,而且用了很多次。

目前,我创建/分叉了大约 80 个 fiddle my JSFiddle dashboard。我必须浏览 8 页才能用眼睛浏览每个标题来 寻找特定的小提琴。

在此输入图像描述


我可能可以,因为我只有 80 把小提琴,但如果明年我有 500 或 2000 把小提琴怎么办?这将花费我很长时间用眼睛浏览每个标题。我正在寻找更好的方法来处理这个问题。

有没有一种方法可以搜索特定的小提琴,而不必遍历所有分页并扫描每个标题?

任何有关这方面的提示将不胜感激。

jsfiddle

5
推荐指数
1
解决办法
2862
查看次数

这个jsfiddle中的url/echo/json /是做什么的?

我对下面的代码没有任何困惑,我只是不明白这是什么类型的网址: /echo/json/.

看到这个jsfiddle.

您可以看到数据已发布到此网址,/echo/json/但此网址可能不存在.那么告诉我这个网址/echo/json/是如何工作的.

$.ajax({
  type: 'POST',
  url: '/echo/json/',
  data: {
    json: ko.toJSON(entries),
    delay: .1
  },
  success: function(entries) {
    ko.utils.arrayForEach(entries, function(entry) {
      viewModel.items.push(entry);
    });
    viewModel.pendingRequest(false);
  },
  error: function() {
    viewModel.pendingRequest(false);
  },
  dataType: 'json'
});
Run Code Online (Sandbox Code Playgroud)

我唯一的问题是关于这个网址/echo/json/,我想知道它是如何工作的.

ajax jquery jsfiddle

5
推荐指数
1
解决办法
2092
查看次数