Jquery mobile slidestop在滑块上不起作用

我的滑块有问题。不管我做什么，它都不起作用。我在JSFIDLE上找到了一些工作示例，但即使复制了这些代码，它也无法工作

我需要显示代码，以便在幻灯片结束后或有人更改滑块前面的数字时显示警报。但它就是不起作用。我无法找出我在代码中做错了什么

这是我的

<link rel="stylesheet" href="css/themes/voetbal.min.css" />
<link rel="stylesheet" href="css/themes/default/jquery.mobile.structure-1.4.2.min.css">
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/jquery.mobile-1.4.2.min.js"></script>
<script language="javascript" src="js/voetbal.js"></script>

<script>
    $("#tempslider").on("slidestop", function(e){
    alert($("#tempslider").val());    
});
</script>

$（“#tempslider”）。在（“slidestop”，函数（e）上{
警报（$（“#临时滑块”）.val（））；
});

这是我的html

<div data-role="collapsible" data-collapsed-icon="arrow-d" data-expanded-icon="arrow-u" data-content-theme="a">
        <h3>Instellingen wedstrijd </h3>
        <input type="range" name="tempslider" id="tempslider" value="95" min="90" max="135" />
    </div>

温斯特林根

将代码包装在

$（文档）中。成功了！请写一个答案，这样我可以奖励它