2013-10-09 25 views
9

Sono nuovo di jsfiddle e sto cercando di collegare le mie risorse esterne.JSFiddle risorse esterne non funzionanti

ho aggiunto di loro utilizzando la scheda sul lato sinistro e quindi incollare il mio codice sui vetri

Here is my JSFiddle project ma solo HTML è mostrato senza collegamento a JavaScript e CSS nell'output

quello che sto facendo male ?

questo è il mio originale

<head> 



    <link href="css/bootstrap.min.css" rel="stylesheet"> 
    <link href="css/bootstrap-responsive.min.css" rel="stylesheet"> 
    <link href="css/style.css" rel="stylesheet"> 


    <script type="text/javascript" src="js/jquery.min.js"></script> 
    <script type="text/javascript" src="js/bootstrap.min.js"></script> 
    <script type="text/javascript" src="js/scripts.js"></script> 
    <script type="text/javascript" src="js/bootstrap-datepicker.js"></script> 


    <link rel="stylesheet" href="bootstrap-tagsinput.css"> 
    <link rel="stylesheet" type="text/css" href="css/datepicker.css"> 

</head> 

risposta

6

ci sono problemi con il vostro violino

  1. pannello HTML è di inserire il tag HTML corpo solo
  2. Sei utilizzando $ (documento) .ready() insieme all'impostazione "onLoad"

Si prega di leggere http://doc.jsfiddle.net in caso di dubbio.

5

In jsfiddle.net risorse possono essere aggiunti dando i suoi Content Delivery Network (CDN).

Possiamo aggiungere plugin jQuery come risorsa esterna come:

//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js

+0

quindi aggiungere un indirizzo di collegamento diretto non funzionerà ?? qualcosa come questo http://download1508.mediafire.com/k1hg0mku7p6g/rb8prkbt7rb0vxe/jquery.tagit.css –

+1

No, non è possibile aggiungere in questo modo. – super

+0

@super: Grazie per aver postato questa risposta hai risolto il mio problema, ma non riesco a trovare che devi aggiungere '//' di fronte al tuo link nella [documentazione di JSfiddle] (http://doc.jsfiddle.net/ base/introduction.html # esterni-risorse). Potresti spiegare perché sono necessarie queste parentesi? – SPottuit

0

Nel mio caso, ho aggiunto quanto segue all'elemento che è passato alla riga successiva.

margin:-1; 

E si avvicinò a Chrome e non ha lasciato effetti su altri browser. Spero che sia d'aiuto.