Klicken Sie auf ein element löst der Klick auf ein anderes element [JQuery]

Ich habe ein top-Menü mit den Tasten home, prodotti, info und contatti. Unten gibt es ein Akkordeon-Menü, dass Sie immer ein offenes schieben und wenn Sie auf einen Titel ändert sich und öffnet das relative gleiten.

Möchte ich, dass wenn ich drücke zum Beispiel auf contatti im top-Menü löst das klicken auf contattaci im Akkordeon-Menü, so dass die relative Folie öffnet, als ob ich klickte direkt auf contattaci (mit JQuery).

Klicken Sie auf ein element löst der Klick auf ein anderes element [JQuery]

Den HTML-Code der top-Menü sieht wie folgt aus:

<div id='cssmenu'>
                    <ul>
                        <li id="home" class='active'><span>Home</span></li>

                        <li id="prodotti"><span>Prodotti</span></li>

                        <li id="info"><span>Info</span></li>

                        <li id="contact" class='last'><span>Contatti</span></li>
                    </ul>
                </div>

Den HTML-Code der Akkordeon-Menü sieht wie folgt aus:

<div class="container">
<div id="demo">
<ol>
...................
<li id="contattaci">
<h2><span>Contattaci</span></h2>
<div>
<iframe src="form.php"width="625px" height="400px" ></iframe>
</div>
<p class="ap-caption">e-mail</p>
</li>
......
</ol>
</div>
<div>

So, wenn ich auf den contatti Element von dem top-Menü (mit der id="contact") ich möchte zu simulieren, klicken Sie auf "contattaci" im Akkordeon-Menü (mit id="contattaci"), so dass eine Folie mit einem Kontaktformular geöffnet, neben "contattaci".

Ich bin mir nicht sicher, dass es möglich ist, trotzdem habe ich versucht mit Hilfe dieses JQuery-code:

<script>
    $(document).on('click', '#contact', function() {
        $("#contattaci").click();
    });
</script>

Funktioniert das nicht. Ich hoffe Ihr könnt mir helfen das problem zu beheben.

BEARBEITEN: Die css accordion menu verwendet css3 aber auch eine jquery-Bibliothek aufgerufen jquery.accordionpro.min.js das macht die Verwendung von JQuery Swipe-Bibliothek (https://github.com/jgarber623/jquery-swipe). Wahrscheinlich der Schieber kann geöffnet werden mit einer Funktion in Jquery Swipe-Bibliothek. Was denkst du? Wenn Sie helfen können, lass es mich wissen.

Link auf der website für die weitere Analyse: http://tinyurl.com/m2u5t7d

InformationsquelleAutor Fabio | 2014-02-09

14

Ich würde es mal so versuchen:
```
$(document).on('click', '#contact', function(event) { 
    event.preventDefault(); 
    $("#contattaci h2").click(); 
});
```
- Ich habe versucht, aber ich denke es funktioniert nicht und ich glaube, ich weiß warum. Die click () - Methode in JQuery einfach abfangen der Klick löst eine Funktion aus, wenn ein Klick erfolgt das aber nicht simulieren, ein real-klicken Sie auf den Benutzer. Das DOM bereit ist oder nicht, löst nicht das problem. Ich denke, wir brauchen eine andere Lösung.
- hmm, ich hätte mehr von dem code... kannst du einen link zu der Seite?
- ok, klar, es ist noch unter Konstruktion, trotzdem hier der link: tinyurl.com/m2u5t7d . Werfen Sie einen Blick. Danke.
- Ich denke immer noch der obige code sollte funktionieren, es funktioniert bei mir lokal. Versuchen, welche dem h2-element statt: $("#contattaci h2").click();.
- Auch stellen Sie sicher, dass die IDs existieren tatsächlich, ich sah Sie nicht in der Quelle.
- Ja, habe ich geplant zu Bearbeiten, die Namen der IDs, der eigentliche code hat einen anderen Namen, ja, ich habe versucht dein code korrekt. Jetzt ändere ich es und ich versuche gezielt h2, danke 🙂
- Ich versuchte, Sie können überprüfen, mein code. Ich schrieb die id-Namen, um nicht für Verwirrung Stiften, und ich verwendet: $("#contattaci h2").klicken Sie(); ist Es immer noch nicht funktioniert, für mich (Contattaci nicht öffnen). Seltsam.
- lassen Sie uns weiter, diese Diskussion im chat
InformationsquelleAutor pschueller

$(document).on('click', '#contact', function(e) {
    $("#contattaci").trigger('click');
});

InformationsquelleAutor Pramod Kharade

0

Ich weiß, ich bin ein wenig spät, um der Partei, aber...Für die innere klicken
```
$("#contattaci h2").click();
```
ändern
```
$("#contattaci h2").trigger("click");
```
InformationsquelleAutor kwyjibear

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.