Illegal character in Jquery near OnClick function

Question

Illegal character in Jquery near OnClick function

972 Views Asked by AudioBubble At 20 October 2024 at 20:13

I've below a script-

<head>
   <script 

src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
</head>


<script type="text/javascript">

    $(document).ready(function () {
        $('.error-load').hide();
        $('#imgLoading').hide();


        $("#BtnLoadMore").click(function () {
            $(this).hide();
            var lastArticleId = $('#hdnLastArticle').val();
            var sortOrder = $('#<%= hdnSortValue.ClientID  %>').val();
alert(sortOrder);
            $('#imgLoading').show();
            $.ajax({
                type: "POST",
                contentType: "application/json; charset=utf-8",
                data: '{"RowId":"' + lastArticleId + '", "SortOrder":"' +sortOrder + '"}',
                url: "http://blogs-test.com/themes/blogs/vitalvotes/LoadService.aspx/GetNextData",
                dataType: "json",
                success: RenderPagedData,
                error: function (response) {
                    $('.error-load').show();
                    $('#imgLoading').hide();
                }
            });

        });

        $("#btnMostRecent").click(function(){
           alert("clicked");    
      });

    });
</script>

When i run the page in the console of Firefox it shows the below err -

SyntaxError: illegal character $("#btnMostRecent").click(function(){

Am i missing something..?

Please help and thanks in advance..!

Original Q&A

There are 4 best solutions below

**Jobelle** · Answer 1

There is a '?' before $("#btnMostRecent").click(function(){ line.

? $("#btnMostRecent").click(function(){ alert("clicked");
});

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>


    $(document).ready(function () {
        $('.error-load').hide();
        $('#imgLoading').hide();


        $("#BtnLoadMore").click(function () {
            $(this).hide();
            var lastArticleId = $('#hdnLastArticle').val();
            var sortOrder = $('#<%= hdnSortValue.ClientID  %>').val();
            alert(sortOrder);
            $('#imgLoading').show();
            $.ajax({
                type: "POST",
                contentType: "application/json; charset=utf-8",
                data: '{"RowId":"' + lastArticleId + '", "SortOrder":"' +sortOrder + '"}',
                url: "http://blogs-test.com/themes/blogs/vitalvotes/LoadService.aspx/GetNextData",
                dataType: "json",
                success: RenderPagedData,
                error: function (response) {
                    $('.error-load').show();
                    $('#imgLoading').hide();
                }
            });

        });

        $("#btnMostRecent").click(function () {
            alert("clicked");
        });

});
</script>
</head>

<body>

</body>

</html>

**Norlihazmey Ghazali** · Answer 2

Norlihazmey Ghazali On 17 February 2016 at 06:18

Are you copy and pasted from somewhere the code ? Here is the pic and found the red dot :

Remove that and should be okay

**Arfan Mahmood** · Answer 3

I have tried your code and getting the same error you mentioned. Can you replace the following code with your code? I have removed the special character.

<script type="text/javascript">

    $(document).ready(function () {
        $('.error-load').hide();
        $('#imgLoading').hide();


        $("#BtnLoadMore").click(function () {
            $(this).hide();
            var lastArticleId = $('#hdnLastArticle').val();
            var sortOrder = $('#<%= hdnSortValue.ClientID  %>').val();
alert(sortOrder);
            $('#imgLoading').show();
            $.ajax({
                type: "POST",
                contentType: "application/json; charset=utf-8",
                data: '{"RowId":"' + lastArticleId + '", "SortOrder":"' +sortOrder + '"}',
                url: "http://blogs-test.com/themes/blogs/vitalvotes/LoadService.aspx/GetNextData",
                dataType: "json",
                success: RenderPagedData,
                error: function (response) {
                    $('.error-load').show();
                    $('#imgLoading').hide();
                }
            });

        });

        $("#btnMostRecent").click(function(){
           alert("clicked");    
      });

    });
</script>

**Teja** · Answer 4

If you have copied the code from a source which supports Unicode encoding, then you would get the error because, ' and " is a single quote (which we use while coding) and ‘ and “ are also quotes. If the code is copied from such a source, dont forget to remove the unsupported characters.

PS. jQuery doesn't support unicode.

To avoid this problem in future, copy the code to notepad (plain text) and then copy from there, and try pasting again to your code editor!!

Illegal character in Jquery near OnClick function

There are 4 best solutions below

Related Questions in JAVASCRIPT

Related Questions in JQUERY

Related Questions in FIREFOX

Related Questions in SYNTAX

Related Questions in ILLEGAL-CHARACTERS

Trending Questions

Popular # Hahtags

Popular Questions