[BUG] jquery.min.js error in Integrating your plugin with wpDiscuz

[ZicPL]

Hi all @ElliotSowersby @relywp @Estalhun @olipayne @auutstudio
I'm using your plugin: "Simple Cloudflare Turnstile". It works very well. Thank you that I can use it. However, on the comments page of my website (wpDiscuz plugin) it shows an error in the console:
jquery.min.js?ver=3.7.1:2 Uncaught TurnstileError: [Cloudflare Turnstile] Invalid type for "container", expected "selector" or an implementation of "HTMLElement", got "#cf-turnstile-wpd-wpdiscuzuniqueid".
at p (api.js?render=explicit:1:8759)
at Object.h [as render](https://github.com/ElliotSowersby/simple-cloudflare-turnstile/issues/api.js?render=explicit:1:22698)
at HTMLDocument. (test-article-about-creation-on-this-post-by-me/:1659:21)
at e (jquery.min.js?ver=3.7.1:2:27028)
at t (jquery.min.js?ver=3.7.1:2:27330)
p @ api.js?render=explicit:1
h @ api.js?render=explicit:1
(anonymous) @ test-article-about-creation-on-this-post-by-me/:1659
e @ jquery.min.js?ver=3.7.1:2
t @ jquery.min.js?ver=3.7.1:2
setTimeout (async)
ce.readyException @ jquery.min.js?ver=3.7.1:2
(anonymous) @ jquery.min.js?ver=3.7.1:2
e @ jquery.min.js?ver=3.7.1:2
t @ jquery.min.js?ver=3.7.1:2
setTimeout (async)

My Site: https://horbaczewski.info/test-article-about-creation-on-this-post-by-me/
(Comments section at the bottom of the page)

I created an identical ticket here: https://wordpress.org/support/topic/jquery-min-js-error-in-integrating-your-plugin-with-wpdiscuz/
(I don't know which place is better to report this error). All plugins and WordPress are up to date.
I also have the following plugins running:

• LiteSpeed Cache
• Cookies and Content Security Policy by Jonk

---

Edit_04.06.2024r.

Other bugs with higher priority:

GET https://challenges.cloudflare.com/cdn-cgi/challenge-platform/h/g/turnstile/if/ov2/av0/rcv0/0/nw1kq/0x4AAAAAAAavjjc6R_X34qn7/auto/normal`

XHRGET https://challenges.cloudflare.com/cdn-cgi/challenge-platform/h/g/pat/88e98337ab07bfda/1717520777386/38d33a98139089a730c5b911dda4b413ff2ff4566bed58f6a2d53bd873766310/MPGGCeUuVPcP8Hm
 [HTTP/2 401  174ms]
 No headers for this request

XHRGET
https://challenges.cloudflare.com/cdn-cgi/challenge-platform/h/g/pat/88e98337ab0abfda/1717520777418/6e4b77a46b12c4e7bf76672c7c6904120f60b8a3a323279c2ff3aef8fe6f2651/0HrGPkk72XGtoI- [HTTP/2 401  147ms]

Both XHRs are 401 errors

So I decide disabling Your plugin and following the recommendations from this page:
1 I added a new field in the comment form (wpdiscuz):

2. I added cloudlfare scripts in head and footer.

What I did:

1. I clicked plugin settings -> LiteSpeed ​​Cache -> Page Optimization -> JS settings: I switched “Delay JS loading” to disabled;
2. LiteSpeed ​​Cache -> Page Optimization -> Tuning: “JS Exclusions” & “JS Deferred / Delayed Excludes” I added:

challenges.cloudflare.com
cloudflareinsights.com

3. Flush all cache

The errors are still there... - It is probably related to the “LiteSpeed ​​Cache” plugin.

Unfortunately, this didn’t solve the problem and the errors still there. I started searching the Internet and found an article: http://www.litespeedtech.com/support/forum/threads/problem-with-htaccess-htpasswd-with-litespeed-5-1-17-5-2.15229/

Please let me know what you think and what we can do next

---

best regards

[ZicPL]

I found Your answer about XHRGET:
https://wordpress.org/support/topic/error-in-the-browser-console-2/
but I still don't know why GET give me error..

"(...) Origin: Serves content requested by the Client. The Origin trusts one or more Issuers, and presents Privacy Pass challenges to the Client. For instance, Cloudflare Managed Challenge is a Privacy Pass origin serving two Privacy Pass challenges: one for Apple PAT Issuer, one for Cloudflare Research Issuer."
source more info

[ZicPL]

I close ticket: https://wordpress.org/support/topic/jquery-min-js-error-in-integrating-your-plugin-with-wpdiscuz/#post-17814148
but I'll leave this open here because maybe someone can find a way around this problem. Thanks for your help so far.