在 x-bind alpinejs 上應用 x-transition
[英]Applying x-transition on x-bind alpinejs
我做了一個小片段，當你使用 x-bind 在圖像上 hover 時，圖像發生了變化，變化非常迅速，所以我想給它添加一些過渡，但它不起作用。 似乎 x-transition 可能只適用於 x-show。 ...
cost 224 ms
在 x-bind alpinejs 上應用 x-transition
AlpineJS 將數組從 php 傳遞給 x-init
[英]AlpineJS pass an array from php to x-init
我目前正在從事一個項目，該項目涉及利用 PHP 和 MySQL 進行數據檢索，並使用 Alpine.js 進行動態前端交互。 我的目標是將從 MySQL 中的數據獲取返回的數組傳遞給 Alpine.js 中的 x-init function，因為我對使用這個 JavaScript 框架還比較陌生。 ...
在 foreach 循環中，我使用了一個單選按鈕，可以一次選擇所有按鈕
[英]In a foreach loop I used a radio button and all of them can be selected at once
在此循環中，單選按鈕的作用類似於復選框，因為它們都可以被選中。 我已經多次查看代碼，但找不到原因。 在此頁面中，我使用了：Tailwind、alpine、vanila-js、php 和 laravel。我不知道是什么導致了這個問題。 我希望一次只能選擇一個，因為單選按鈕正常工作。 ...
使用 2 個組件通過 Livewire 傳遞數據時出現問題
[英]Having issues passing data with Livewire using 2 components
我想將數據從 Livewire 組件 A 傳遞到 Livewire 組件 B。目標是在需要時打開社交圖標欄。 這是我的設置： 組件 1 class： 組分 B： 一個組件在“app.blade.php”主布局文件中，另一個組件在 Laravel 的 footer.blade.php 中（它本身傳遞給 ...
如何在 alpine.js 的幫助下更新模態內的文本
[英]How to update text inside modal with the help of alpine.js
我有一個數據順序列表，每個list item都附加了彈出模式，當用戶單擊任何列表項時，它應該在彈出窗口中顯示 x-data 值 下面是我的彈出模式組件 我嘗試了這個但是它不起作用<h1 x-text="friends"></h1> 任何幫助如何將 x 數據值傳遞給模態 h1。 ...
使搜索欄在 AlpineJS 中工作，其中 x-data 中的搜索項來自 x-init
[英]Making a search bar work in AlpineJS where the searched items in x-data come from x-init
基本上是嘗試修改可以在 Alpine 文檔中找到的動態搜索欄，但是使用來自 x-init 的“項目”（在我的例子中是“帶”）獲取 JSON。在這個搜索欄之外，所有需要的數據都來自這個顯示 JSON 所以它不像 JSON 本身是空的，但在這種特殊情況下，x-text 甚至沒有列出任何值，就好像 JS ...
如何在高山中使用全局字符串存儲打開模態
[英]How to open modals using global string store in alpine
使用 alpine 我試圖復制全局 state 的想法，如果全局 state 等於當前字符串值，則在反應中打開各種菜單模式。 例如“菜單”、“搜索”。 如果一個模式打開並且用戶打開另一個模式，則其他模式關閉首先我定義了 state 按鈕 到目前為止，這是正常工作的，並且已經使用控制台日志進行了測試。 ...
Shopify，Liquid，Alpine JS，Ajax 在觸發 addToCart 后無法重定向到購物車
[英]Shopify, Liquid, Alpine JS, Ajax can't redirect to cart after firing addToCart
無法弄清楚為什么在我的 ajax addToCart function 被調用后沒有被重定向到購物車？ 產品按預期進入購物車。 我試過 preventingDefault 而不是 preventing。 這是下圖中的 response 和 formData 的樣子。 這是我的產品表格。 這是我的 ...
Shopify Ajax API，Alpine JS，使用 Ajax 將用戶選擇的選項添加到購物車
[英]Shopify Ajax API, Alpine JS, add user selected options to cart using Ajax
我正在構建這個 Build A Box 部分，用戶可以在其中 select 構成 1 個產品的各種項目。 我無法將商品放入購物車。 更新：當前 state 是可以在 formData 中添加硬編碼的主要產品 我首先這樣做是為了啟動 addToCart。 它添加了主要產品但不重定向到購物車頁面。 如果 ...
Livewire model 綁定同時點擊其他元素
[英]Livewire model binding while clicking other element
我有一個非常簡單的問題。 每當我單擊 div 時，我都希望將data binding應用於文件輸入。 我一直在文檔中搜索它，但找不到任何線索。 有可能這樣做嗎？ ...
從 javascript 調用 AlpineJS function
[英]Call AlpineJS function from javascript
我有一個使用 alpine js 顯示或隱藏的模式。 當我按下一個按鈕時，我會檢查一個布爾值，如果它是真的，那么我想關閉該模式，為此我必須與阿爾卑斯山的數據進行交互。 有沒有辦法從 JS 調用 Alphines 的函數？ 我試過使用自定義事件，但這似乎不起作用let event = new Cus ...
有什么辦法可以防止 AlpineJS 降低我的頁面速度嗎？
[英]Is there any way to prevent AlpineJS from slowing down my page speed?
AlpineJS 正在將我的頁面速度 ( https://pagespeed.web.dev ) 從 95 降低到 ~75-80。 有什么我可以做的嗎？ 我試過推遲腳本並將它們放在<head>中，但效果與簡單地將它們放在<body>的末尾沒有太大區別。 我也嘗試過將 JS ...
在 Laravel 刀片組件 SELECT 元素中使用 Alpine Js 獲取不同的 object 'field' 的值
[英]Get value of a different object 'field' using Alpine Js in Laravel blade component SELECT Element
我有一個顯示屬性列表的刀片式組件 - 值是屬性 ID - SELECT組件由一個名為$properties的 object 填充，它具有id, name, add1字段。 如何將$property->add1綁定（更新）到input element - con_add1更改上的 con_add ...
Laravel Livewire Model - 公共變量 state
[英]Laravel Livewire Model - public variable state
我正在使用 Livewire 創建一個數據綁定到 model 的表單，注意<select/>具有multiple屬性： model class 頂部有一個 var： 我想 select 多個<option/>只需點擊一下，目前你必須使用鍵盤 [command] + 點擊。 ...
Alpine js，鼠標懸停顯示文本，無跳轉內容
[英]Alpine js, mouseover to show text, no jumping content
我在 CodePen 上做了一個例子 - CodePen 我希望圖像在 hover 上用鼠標消失，並出現一個帶有文本的塊。 我的問題是，如果我想保留文本，我不明白如何刪除跳轉。 現在我的布局出現令人不快的跳躍，這是由 display: none; 引起的。 我想添加平滑的過渡。 為了重用，我將代碼移 ...
如何在 AlpineJS 中將數組數據添加到數組
[英]How to add Array Data to Array in AlpineJS
我嘗試用 Laravel 和 AlpineJS 制作一個表單，它接受多種語言。 我現在為每種語言（不是母語）設置了多個復選框。 我現在想為每種選定的語言添加一個輸入。 當我現在選中一個復選框時，給定的“值”-數據未正確添加到“語言”-array。 Console.log 給出以下結果： 0: Pr ...
單擊按鈕時 AlpineJS 提交表單會發布舊值而不是新值
[英]AlpineJS submit form on button click posts the old value instead of the new one
我是 alpineJS 的新手，所以這可能是一個愚蠢的問題。 我嘗試將輸入字段增加 1，然后提交新值（最好有一個小的延遲）。 我目前有： 這會將輸入表單的值增加 1，然后提交表單。 問題是提交的值是舊值，而不是新值。 非常感謝任何幫助！ ...
alpine.js x-for 更新無法正常工作
[英]alpine.js x-for update is not working correctly
我在 Alpine Store 的一些數據上創建了一個簡單的x-for循環（需要它是全局的）我的目標是在x-for繪制表格后更新特定行代碼筆： https ://codepen.io/roniwashhere/pen/oNMgGyy<div x-data> <table bor ...
在 ASP.NET Core MVC 項目中配置 Alpinejs
[英]Config Alpinejs in ASP.NET Core MVC project
有人可以向我解釋如何在 ASP.NET Core MVC 項目中配置 alpinejs 並在我的.cshtml文件中使用它嗎？ 我已經運行npm install alpinejs並且我已經將它導入到我的index.cstml文件中 但是當我做@click時我遇到了問題 謝謝你的幫助 ...
如何使用 Vite 使用 TailwindCSS、PostCSS 和 Alpine.js 構建一個新項目
[英]How to scaffold a new project with TailwindCSS, PostCSS and Alpine.js using Vite
我想使用 Vite 搭建一個包含 TailwindCSS、PostCSS 和 Alpine.js 的新項目。 當我按照文檔 ( https://vitejs.dev/guide/ ) 創建項目時，它總是要求我指定模板 ( vue, react... )，但我不想要它。 是否可以使用 vite 搭建項 ...
排序:
質量: