單擊更改div數據

Question

我想點擊stackoverflow然后更改data-float-toggle以懸停而不是點擊。

我們可以通過以下代碼來實現這一點

 jQuery('.top-bottom').on('click', function(e) { 'use strict'; e.preventDefault(); jQuery('.top-bottom').addClass('hide'); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="top-bottom" data-float-toggle="click"> <a href="#">stackoverflow</a> </div> 

Answer 1

這個解決方案怎么樣？ 希望能幫助到你！

 $(document).ready(function () { $('.top-bottom').on('click', function(e) { 'use strict'; e.preventDefault(); $('.top-bottom').addClass('hide'); $(this).attr('data-float-toggle', "hover"); }); }); 

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <div class="top-bottom" data-float-toggle="click"> <a href="#">stackoverflow</a> </div> 

這是第二個問題的解決方案：

 $(document).ready(function () { $(".top-bottom").click(function(){ $("#float-button").attr('data-float-toggle', "hover"); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <div id="float-button" data-float-toggle="click"> <div class="top-bottom" > <a href="#">stackoverflow</a> </div> </div>