-Code auf JSFiddle nicht in Browser funktioniert

ich habe diesen Code in jsfiddle: https://jsfiddle.net/2ftk5c8z/402/-Code auf JSFiddle nicht in Browser funktioniert

, wenn ich es an den Browser versuchen, funktioniert es nicht.

<html> 
<head> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script> 
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" /> 
</head> 
<body> 
<select class="form-control select2-hidden-accessible" id="ListResort" multiple name="ListResort" tabindex="-1" aria-hidden="true"><option value="">Select Resort</option> 
<optgroup label="Hotels &amp; Resorts"> 
<option value="Miramar by Pestana São Tomé">Miramar by Pestana São Tomé</option> 
<option value="Pestana Alvor Atlantico">Pestana Alvor Atlantico</option> 
<option value="Pestana Alvor Park">Pestana Alvor Park</option> 
<option value="Pestana Alvor Park 2">Pestana Alvor Park 2</option> 
<option value="Pestana Alvor Praia">Pestana Alvor Praia</option> 
<option value="Pestana Alvor South Beach">Pestana Alvor South Beach</option> 
<option value="Pestana Buenos Aires">Pestana Buenos Aires</option> 
<option value="Pestana Caracas">Pestana Caracas</option> 
<option value="Pestana Carlton Madeira">Pestana Carlton Madeira</option> 
<option value="Pestana Casablanca">Pestana Casablanca</option> 
<option value="Pestana Cascais">Pestana Cascais</option> 
<option value="Pestana Casino Park">Pestana Casino Park</option> 
<option value="Pestana Cayo Coco">Pestana Cayo Coco</option> 
<option value="Pestana Chelsea Bridge Hotel">Pestana Chelsea Bridge Hotel</option> 
</optgroup> 
</select> 

<script type="text/javascript"> 
$(function() { 

$('#ListResort').select2(); 
$('#ListResort').select2().select2('val', ["Miramar by Pestana São Tomé", "Pestana Alvor Park 2"]).trigger("change"); 

    }); 

</script> 
</body> 
</html>

was mache ich falsch?

Vielen Dank im Voraus

Quelle

2016-11-02 John Indica

Es funktioniert für mich. –

@priya_singh die Frage Poster erzählt das gleiche. es funktioniert gut in der Geige, aber wenn es im Browser versucht, funktioniert es nicht. –

@SudharsanS Ich habe versucht in Chrome und es funktioniert gut. –

Überprüfen Sie Ihre/externen Ressourcen enthält.

Auf der Geige, schließen Sie beide 3.5.0 und 4.0.3, aber in der Frage sind Sie nur 4.0.3.

Wenn Sie die lokale Version 3.5.0 ändern, es funktioniert gut:

<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.0/select2.min.js"></script> 
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.0/select2.min.css" rel="stylesheet" />

Mehr Infos

Die .select2("val" .. in 4.0.0 entfernt wurde, ersetzt durch .val(...

https://select2.github.io/announcements-4.0.html#removed-methods

Quelle

2016-11-02 11:41:33

Yup, das war das Problem, danke –

-Code auf JSFiddle nicht in Browser funktioniert

Antwort

Verwandte Themen