/ Skryť nefunguje - php, javascript, wordpress, html

Skryť nefunguje - php, javascript, wordpress, html

Snažím sa skryť formulár s komentármi môj wordpress blog (aj keď stránka nie je "wordpress blog", práve dostávam príspevky).

Ak mám pripomienky, skrytie / prehliadka bude fungovať pre formulár a komentáre. Ak nemám žiadne pripomienky, funkcia nefunguje a ja neviem prečo.

Ak niekto môže pomôcť, môžem nahrať php súbory, ktoré zobrazujú príspevky (blog.php) a stránku s komentármi (comments.php), ktorá sa generuje v rámci témy wordpress.

EDIT: PHP kód bol odstránený ako nerelevantný pre chybu. Relevantný kód HTML:

...
<body class="home blog logged-in custom-background">
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#content img").addClass("imageSeven");
});
</script>

...

<a id="replytitle" href="javascript:togglecommentform("replyform17");">Show Comment Form</a>
<div id="replyform17" style="display:block;">
...
</div>

...

<a id="replytitle" href="javascript:togglecommentform("replyform6");">Show Comment Form</a>
<div id="replyform6" style="display:block;">
...
</div>

...

odpovede:

2 pre odpoveď č. 1

Máte problém, pretože výstup (zdroj zobrazenia) má odkaz na jQuery priamo v hornej časti:

<body class="home blog logged-in custom-background">
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#content img").addClass("imageSeven");
});
</script>

Niektoré body na túto skutočnosť:

  1. Pretože nezahŕňate odkaz na jQuery nikde - to spôsobí chybu, čo znamená, že aj v prípade, že zostane JavaScript, je nesprávny.
  2. Nepotrebujete jQuery(document).ready... ak presuniete celý svoj JavaScript do dolnej časti stránky (tesne pred </body> end tag.)

Váš hlavný problém sa zdá byť zmätenou štruktúrou kódu. Na základe chaotického kódu, ktorý máte (žiadny útok), odporúčam použiť knižnicu, ako je jQuery:


Krok 1: Odstráňte všetok jazyk JavaScript, ktorý máte na tejto stránke.

Vyzeraním vecí to jednoducho znamená <script> blok, ktorý je priamo pod vaším <body> tag.

Krok 2: Nahraďte ich <a> Štartovacie štítky:

<a id="replytitle" href="javascript:togglecommentform("replyform17");">
<a id="replytitle" href="javascript:togglecommentform("replyform6");">

S týmito krokmi:

<a id="replytitle17" href="#">
<a id="replytitle6" href="#">

Krok 3: tesne pred </body> označte nasledovné:

    <script src="/images///ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
var images = $("#content img");
if (images.length > 0) { images.addClass("imageSeven"); }
$("#replytitle17").click(function() { $("#replyform17").toggle(); });
$("#replytitle6").click(function() { $("#replyform6").toggle(); });
</script>

To by malo dosiahnuť všetko, čo má vaša stránka v jQuery.