C＃似乎无法在JavaScript字符串中使用变量值

Question

Not sure where I'm goign wrong here, so I'm trying to use two string in javascript, but visual studio is showing the strings as error.

The code:

@{
                            string animCat = string.Format("#animCat{0}", counter);
                            string animCatClone = string.Format("#animCatClone{0}", counter);
                        }
                        <script type="text/javascript">
                            if (!jQuery(@animCat)[0].beginElement) {
                                jQuery(".home-category-container .image-wrapper.clone, .home-category-container .image-wrapper.orig").css({ "filter": "blur(25px)" });
                            }

                            jQuery(document).ready(function () {
                                setTimeout(function () {
                                    if (jQuery(@animCat)[0].beginElement) {
                                        jQuery(@animCat + ", " + @animCatClone)[0].beginElement();
                                    }
                                    else {
                                        jQuery(".home-category-container .image-wrapper").css("filter", "blur(0px)");
                                    }
                                    jQuery(".home-category-container .image-wrapper.orig").css("visibility", "visible");
                                    jQuery(".home-category-container .image-wrapper.clone").remove();
                                }, 1000);
                            });
                        </script>

Image showing what I mean:

Not sure what I'm missing.

Also when I hover over the red squiggle line it says "Predefined type 'System.String' is not defined or imported".

Have also tried if (jQuery('#animCat' + @counter)[0].beginElement) {} but this doesn't work #animCat' + 1 etc is output Cheers

Answer 1

Ok so it's now working,

As Yeldar Kurmangaliyev suggested I needed the quotes, but single quotes not double '@animCat'

This is the code that works:

@{
                            string animCat = string.Format("#animCat{0}", counter);
                            string animCatClone = string.Format("#animCatClone{0}", counter);
                        }
                        <script type="text/javascript">
                            if (!jQuery('@animCat')[0].beginElement) {
                                jQuery(".home-category-container .image-wrapper.clone, .home-category-container .image-wrapper.orig").css({ "filter": "blur(25px)" });
                            }

                            jQuery(document).ready(function () {
                                setTimeout(function () {
                                    if (jQuery('@animCat')[0].beginElement) {
                                        jQuery('@animCat, @animCatClone')[0].beginElement();
                                    }
                                    else {
                                        jQuery(".home-category-container .image-wrapper").css("filter", "blur(0px)");
                                    }
                                    jQuery(".home-category-container .image-wrapper.orig").css("visibility", "visible");
                                    jQuery(".home-category-container .image-wrapper.clone").remove();
                                }, 1000);
                            });
                        </script>

This part of code still shows error red squiggle line:

string animCat = string.Format("#animCat{0}", counter);
string animCatClone = string.Format("#animCatClone{0}", counter);

But when I build the solution and test it works now :)

Cheers all for the help