Integrarea codului Fiddle în Layout [închis] (Programare, Javascript, Html, Css, Jsfiddle)

itsbc a intrebat.

Cu ajutorul unui utilizator Stack Overflow pe nume Michael, am reușit să fac ca această divizie jsFiddle să se desfășoare corect. Cu toate acestea, atunci când încerc să implementez JavaScript, CSS și HTML, chiar și într-un nou director cu doar codul jsFiddle, nu reușesc să fac diviziunile să coboare la clic. De fapt, nu va afișa deloc diviziunea de conținut. Ce fac greșit?

Presupun că trebuie să implementez cumva greșit codul JavaScript.

JFiddle este http://jsfiddle.net/WeL6j/12/,

$(function() {
    $('.action').click(function() {
        var content = $(this).find('~ .content');
        $(this).parent().parent().find('.content').not(content).hide('fast');
        content.slideToggle('fast');
    });
});

Comentarii

  • Fără a vedea de fapt codul care nu funcționează, este puțin probabil ca cineva să poată ghici pur și simplu greșeala ta. –  > Por Pointy.
  • Ați inclus biblioteca jQuery? <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> –  > Por Rob W.
  • Da, m-am gândit la asta. Voi posta un pastebin simplu cu fișierele de bază și cu incluziunile. Și da, am inclus fișierul jquery pentru el. –  > Por itsbc.
  • Care este problema? Până acum ai spus că ai avut probleme în a face să funcționeze fiddle-ul. cu toate acestea, am deschis link-ul tău și pare să funcționeze bine pentru mine. –  > Por rlemon.
  • html – pastebin.com/sGzsG7bT css – pastebin.com/dF20LEpP javascript (jquery 1.7.1) – pastebin.com/deQ5MrnV –  > Por itsbc.
1 răspunsuri
rlemon

Trebuie să includeți jQuery înainte de îl utilizați… o modalitate bună de a vă asigura că acest lucru este să puneți <script> care include jQuery înainte de codului. Sau puteți muta codul în partea de jos a corpului, chiar înainte de </body> citește mai mult

<head>
<title></title>

<script language="JavaScript" type="text/javascript" src="jquery.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />

</head>

<body>
<div id="container"><ul>
    <li>
        <a href="#" class="action">summer</a>
        <div class="content">
            <a href="link">june</a>
            <a href="link">july</a>
        </div>
    </li>
    <li>
        <a href="#" class="action">winter</a>
        <div class="content">
            <a href="link">november</a>
            <a href="link">december</a>
        </div>
    </li>
    <li>
        <a href="#" class="action">weather</a>
        <div class="content">
            <a href="link">rain</a>
            <a href="link">sun</a>
        </div>
    </li>
    </ul></div><br>
<div id="div">
    </div>
<script type="text/javascript">
//$(function() { // ooo looky, i'm not actually needed now!
    $('.action').click(function() {
        var content = $(this).find('~ .content');
        $(this).parent().parent().find('.content').not(content).hide('fast');
        content.slideToggle('fast');
    });
//});?
</script>
</body>

Comentarii

  • Vă mulțumim. Chiar ar trebui să stau departe de stackoverflow la ora asta matinală. Apreciez asta. –  > Por itsbc.