简体   繁体   English

使jsfiddle适应工作的网页剔除

[英]Adapt a jsfiddle to a working webpage knockout

What I'm ultimately trying to do is get a jsfiddle to work on my desktop, and not in the jsfiddle browser. 我最终想要做的是让jsfiddle在我的桌面上工作,而不是在jsfiddle浏览器中工作。

I've... 我有...

    <html>
        <head>
            <script src="[urls from the resource frame of the jsfiddle"></script>
        </head>
    <body>

    ***[content from the jsfiddle HTML pane]***

    </body>
        <script>
           ***[content from the Javascript pane]***
        </script>
</html>

however, when I open that doc in Chrome, it contains a list of all items that are formatted in a plain manner, and not in the groovy collpsible objects in the jsfiddle. 但是,当我在Chrome中打开该文档时,该文档包含以简单方式设置格式的所有项目的列表,而不是jsfiddle中常见的可折叠对象。

I've tried various browsers, ensuring the CDN links aren't rotten. 我尝试了各种浏览器,以确保CDN链接不会损坏。

I've also tried hard refreshing the webpage and under F12\\network - it seems to load the *min.js files a second time, but as 0 byte files. 我还尝试过刷新网页和F12 \\ network下的内容-似乎第二次加载*min.js文件,但将其作为0字节文件。

What am I missing? 我想念什么?

What am I missing? 我想念什么?

I suspect the rel="stylesheet" attribute inside the link to the css. 我怀疑CSS链接内的rel="stylesheet"属性。

Try including the scripts like so - 尝试包括这样的脚本-

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>   
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.1.0/knockout-min.js"></script>

I moved the 我搬了

    <script>
       ***[content from the Javascript pane]***
    </script>

into the body tags and got it working...happy days! 进入身体标签并使其正常工作...快乐的日子!

Thanks everyone 感谢大家

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM