teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

javascriptコードを追記、クリックイベントのトリガー要素を追記

2018/03/29 06:43

投稿

souta-haruran
souta-haruran

スコア88

title CHANGED
File without changes
body CHANGED
@@ -17,6 +17,7 @@
17
17
  ### 該当のソースコード
18
18
 
19
19
  ```html
20
+ <button class="trigger">クリック</button>
20
21
  <div class="sns">
21
22
  <a href="http://twitter.com/share" class="twitter-share-button" data-text="***" data-url="***" data-lang="ja">Tweet</a>
22
23
  <script type="text/javascript" src="http://platform.twitter.com/widgets.js" charset="utf-8" ></script>
@@ -31,6 +32,7 @@
31
32
  ### 試したこと
32
33
 
33
34
  ```html
35
+ <button class="trigger">クリック</button>
34
36
  <div class="sns">
35
37
  <a href="http://twitter.com/share" class="twitter-share-button" data-text="***" data-url="***" data-lang="ja">Tweet</a>
36
38
  <script type="text/javascript" src="http://platform.twitter.com/widgets.js" charset="utf-8" ></script>
@@ -54,4 +56,11 @@
54
56
  何かいい方法はありますでしょうか?
55
57
 
56
58
  知見をお伺いできれば幸いです。
57
- よろしくお願いいたします。
59
+ よろしくお願いいたします。
60
+
61
+ ### クリックイベントコード
62
+ ```javascript
63
+ $('.trigger').on('click', function() {
64
+ $('.sns').show();
65
+ });
66
+ ```