Привет, мир не работает должным образом в html с совместными?

Я новичок в html и library.js. У меня есть этот код, и как только я сохранил его как html на своем ноутбуке, предположим, что нужно нарисовать два связанных прямоугольника, но ничего не отображается в браузере. Я загрузил много библиотек и поместил их в ту же папку, в которой есть html-страница, но ничего не отображается.Привет, мир не работает должным образом в html с совместными?

Что я должен делать? Где я могу поместить библиотеки, которые я хочу использовать в html-коде?

библиотеки, которые я скачал являются:

Backbone.js
core.js
geometry.js
joint.all.css
joint.all.js
joint.all.min.css
joint.all.min.js
joint.css
joint.dia.cell.js
joint.dia.element.js
joint.dia.graph.js
joint.dia.link.js
joint.dia .paper.js
joint.js
joint.min.css
joint.min.js
joint.shapes.devs.js
joint.shapes.devs.min.js
joint.shapes.erd.js
joint.shapes.erd.min.js
joint.shapes.fsa.js
joint.shapes. fsa.min.js
joint.shapes.org.js
joint.shapes.org.min.js
jquery.js
jquery.sortElements.js
lodash.js
Raphael-min.js
Raphaël.js

vectorizer.js

<link rel="stylesheet" type="text/css" href="joint.css" /> 
<script type="text/javascript" src="joint.js" ></script>  
<script type="text/javascript"> 

$(function() {  
    var graph = new joint.dia.Graph; 

    var paper = new joint.dia.Paper({ 
     el: $('#myholder'), 
     width: 600, 
     height: 200, 
     model: graph 
    }); 

    var rect = new joint.shapes.basic.Rect({ 
     position: { x: 100, y: 30 }, 
     size: { width: 100, height: 30 }, 
     attrs: { rect: { fill: 'blue' }, text: { text: 'my box', fill: 'white' } } 
    }); 

    var rect2 = rect.clone(); 
    rect2.translate(300); 

    var link = new joint.dia.Link({ 
     source: { id: rect.id }, 
     target: { id: rect2.id } 
    }); 
     graph.addCells([rect, rect2, link]); 
})   
</script> 


<div id="myholder" > 
</div>

спасибо всем вам .. Программа работает в настоящее время после того как я изменил источник библиотек на URL-адреса веб-сайтов.Если я использую один раз, что я скачал на моем компьютере он не работает снова:

<!DOCTYPE html> 
<html> 
<head> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script> 
<script src= "http://denknix.com/astro/lib/joint/www/build/joint.all.min.js"></script> 
<link rel="stylesheet" type="text/css" href="http://www.jointjs.com/downloads/joint.css" /> 
<script type="text/javascript" src="http://www.jointjs.com/downloads/joint.js" ></script> 
<script type="text/javascript"> 
    $(function() { 

     var graph = new joint.dia.Graph; 

     var paper = new joint.dia.Paper({ 
      el: $('#myholder'), 
      width: 600, 
      height: 200, 
      model: graph 
     }); 

     var rect = new joint.shapes.basic.Rect({ 
      position: { x: 100, y: 30 }, 
      size: { width: 100, height: 30 }, 
      attrs: { rect: { fill: 'blue' }, text: { text: 'my box', fill: 'white' } } 
     }); 

     var rect2 = rect.clone(); 
     rect2.translate(300); 

     var link = new joint.dia.Link({ 
      source: { id: rect.id }, 
      target: { id: rect2.id } 
     }); 
graph.addCells([rect, rect2, link]); 
    })  
    </script> 

    <title>Test</title> 

</head> 
<body> 

    <div id="myholder" > 
    </div> 

</body></html>

источник

2014-01-22 Nada

проверьте, загружен ли ваш файл javascript и нет ошибок при его загрузке. Просто нажмите F12 в своем браузере и посмотрите на консоль, обычно должна быть ошибка, если есть проблема с загрузкой javascript, если его местоположение не найдено. – Gjohn

привет @Gjohn: мой ноутбук Mac> какую кнопку мне нажать? – Nada

Вы запускаете сайт в сафари? Какой браузер вы используете? если вы используете сафари, выполните следующие шаги, чтобы включить меню разработки http://macs.about.com/od/usingyourmac/qt/safaridevelop.htm. После того, как вы включите его, выберите команду show console console и обновите свой сайт. – Gjohn

Обратите внимание, что вам не нужны следующие два файла в вашем примере:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script> 
<script src= "http://denknix.com/astro/lib/joint/www/build/joint.all.min.js"></script>

Это происходит потому, что jQuery уже включен в joint.js, а другой joint.all.min.js - очень старая версия JointJS (0.4).

Вам нужно только две другие файлы, которые вы правильно включены:

<link rel="stylesheet" type="text/css" href="http://www.jointjs.com/downloads/joint.css" /> 
<script type="text/javascript" src="http://www.jointjs.com/downloads/joint.js" ></script>

Проблема должна лежать в том, как вы ссылаетесь эти файлы сразу загрузить их на свой компьютер.

источник

2014-01-23 18:54:23 dave

Большое спасибо @dave Я ценю ваш ответ .. Я бы хотел спросить вас, есть ли четкая документация по JointJS или любым материалам для понимания функций? Меня очень интересует эта библиотека, и в основном это поможет мне в моем учебном проекте. – Nada

@Nada, API JointJS описан здесь: http://jointjs.com/api, учебник и руководство по началу работы находятся здесь: http://jointjs.com/tutorial, вы также можете узнать из исходного кода demos: http://jointjs.com/demos. Обсуждения с дополнительной информацией приведены здесь: https://groups.google.com/forum/#!forum/jointjs и в StackOverflow: http://stackoverflow.com/questions/tagged/jointjs. – dave

Привет, мир не работает должным образом в html с совместными?

ответ

Смежные вопросы