Undefined is not a function... WHUT?!
Ik heb de volgende html en jQuery:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
<a class="thumbnail" href="#" data-toggle="modal" data-image="{{$image->location}}" data-target="#image-gallery">
<img class="img-responsive" src="{{url('stripper_gallery/original/'.$image->location)}}" alt="{{$image->alt}}">
</a>
<script>
var $jq = jQuery.noConflict();
$jq(document).ready(function(){
var image = '';
$jq('a.thumbnail').on('click',function(){
console.log($jq(this).data('image').val())
});
});
</script>
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
<a class="thumbnail" href="#" data-toggle="modal" data-image="{{$image->location}}" data-target="#image-gallery">
<img class="img-responsive" src="{{url('stripper_gallery/original/'.$image->location)}}" alt="{{$image->alt}}">
</a>
<script>
var $jq = jQuery.noConflict();
$jq(document).ready(function(){
var image = '';
$jq('a.thumbnail').on('click',function(){
console.log($jq(this).data('image').val())
});
});
</script>
Wat ik probeer, is de data-value op te halen van het data-image attribute. Maar ik krijg de melding undefined function... Oke, misschien jQuery in conflict met andere plugins, dus een jQuery.noConflict toegevoegd en aan de variabele jq gezet... Dit werkt ook niet... Iemand een idee?
Toevoeging op 27/08/2014 21:35:49:
Opgelost... ALs je .data('mijn-attribuut') gebruikt, pakt ie gelijk de waarde ervan
Code (js)
1
2
3
4
2
3
4
// data attribuut uitlezen
$(selector).data('image');
// data attribuut setten
$(selector).data('image', 'foo');
$(selector).data('image');
// data attribuut setten
$(selector).data('image', 'foo');