Override bootstrap data-toggle = "dropdown"

Question

Hey ich habe ein Problem, wie data-toggle="dropdown" nur in kleinen Geräten (weniger als 767px) auslösen, Boostrap trigger es von 991px Breite, versuche ich nur den Wert aktualisieren oder entfernen Sie es aber nichts passiert, also kann ich nichts mit data-toggle="dropdown" tun? Jede Beratung begrüßt

$("a").data("toggle", "update"); 
$("a").removeData("toggle"); 

<!-- this is in my html --> 
<a href="/Samohyl/volkswagen/modely" class="dropdown-toggle"> 
    Volkswagen 
</a> 

<!-- and this happens on 991px and less (bootstrap add data-toggle but I would need add it after 767px) --> 
<a href="/Samohyl/volkswagen/modely" class=dropdown-toggle" data-toggle="dropdown"> 
    Volkswagen 
</a> 

Answer 1

Versuchen Sie, diese

1.: wickeln Sie den Code in $(document).ready()

$(document).ready(function(){ 
    //$("a[data-toggle]").attr("data-toggle", "update"); 
    $("a[data-toggle]").removeAttr("data-toggle"); 
}) 

2.: können Sie $(window).width() verwenden, um die Breite Sie

$(document).ready(function(){ 
    if($(window).width() < 767){ 
    $("a[data-toggle]").removeAttr("data-toggle"); 
    } 
}) 

wollen, um zu bestimmen

$(document).ready(function(){ 
 
    $("a[data-toggle]").attr("data-toggle", "update"); 
 
    //$("a[data-toggle]").removeAttr("data-toggle"); 
 
});

<!-- Latest compiled and minified CSS --> 
 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
 

 
<!-- jQuery library --> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 

 
<!-- Latest compiled JavaScript --> 
 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 

 

 
<!-- this is in my html --> 
 
<a href="/Samohyl/volkswagen/modely" class="dropdown-toggle"> 
 
    Volkswagen 
 
</a> 
 

 
<!-- and this happens on 991px and less (bootstrap add data-toggle but I would need add it after 767px) --> 
 
<a href="/Samohyl/volkswagen/modely" class="dropdown-toggle" data-toggle="dropdown"> 
 
    Volkswagen 
 
</a>