2

このコードは、本 (初心者から忍者) から少し変更したものです。

ユーザーが「連絡先」をクリックすると、フォームが開き、電話番号と href リンクが表示されます。リンクを左クリックしても何も起こりませんが、右クリックして「新しいタブで開く」と機能します。

jsとjQueryはかなり新しいですが、問題（そしておそらく間違っている）は、正しく機能しないhrefリンクがフォームを開く「連絡先」リンクと同じ「a」にリンクされていることだと思いますが、方法がわかりませんそれを変えるために。

      <div id="contact">
    <a href="#">Contact</a>
    <form action="">
    Phone me on:018<br><br>Email me at <a href="http://www.guardian.co.uk/lifeandstyle/2012/apr/04/samantha-brick-hated-good-looks?newsfeed=true">click me</a>
    </form>
    </div>

Jクエリ

  $('#contact form').hide();
  $('#contact a').toggle(function() {
  $(this)
  .addClass('active')
  .next('form')
  .animate({'height':'show'}, {
    duration:'slow',
    easing: 'swing'
  });
  }, function() {
  $(this)
  .removeClass('active')
  .next('form')
  .slideUp();
  });

どうもありがとう

4

1 に答える 1

3

それ以外の

$('#contact a')

使ってみて

$('#contact > a')

このようにして、直接の子のみを対象とし、他のものは対象としません<a>。href のリンクをクリックしたときにもスニペットが実行されると思いますが、<a href="http://www.guardian.co.uk/lifeandstyle/2012/apr/04/samantha-brick-hated-good-looks?newsfeed=true">click me</a>そのためスクリプトが壊れてリンクがたどられません

于 2012-04-05T12:25:41.940 に答える