jQuery Mobile文本/搜索更改事件的行為方式不同

Question

我有一個jQuery移動應用程序，其中包含綁定到某些文本輸入的更改事件。 具有type =“search”的文本輸入尤其不會像“text”文本輸入那樣觸發“change”事件。 這是一個解釋的片段：

HTML

<div data-role="page" id="p1"> 
    <div  data-role="content">
        <a href="#p2" data-role="button">Go To Page 2</a>
    </div>
</div> 

<div data-role="page" id="p2">
    <div  data-role="content">
        <p>This is page2</p>
        <input type="text" id='mytextbox'></input>
        <input type="search" id='mysearchbox'></input>
    </div>
</div> 

JavaScript的

$('#mytextbox').change(function() {
    alert('Hello World!');
});
$('#mysearchbox').change(function() {
    alert('Hello World!');
});

除了id和類型之外，兩個文本輸入都是相同的。 文本框將在更改事件上觸發，而搜索框則不會觸發。

我發現的是，如果文本輸入位於第1頁，那么一切都按預期工作。 所以這是頁面更改和文本字段類型之間的關系。

這是一個小提琴： http ： //jsfiddle.net/nMR85/1644/

Answer 1

替換它

<div data-role="page" id="p2">
    <div  data-role="content">
        <p>This is page2</p>
        <input type="text" id='mytextbox'></input>
        <input type="search" id='mysearchbox'></input>
    </div>
</div> 

有了這個

<div data-role="page" id="p2">
    <div  data-role="content">
        <p>This is page2</p>
        <input data-type="text" id='mytextbox'></input>
        <input data-type="search" id='mysearchbox'></input>
    </div>
</div> 

不同之處在於我需要指定“數據類型”而不是“類型”。

Answer 2

我希望您在進行搜索時能夠獲得更改事件。 type='search'還有一些其他相關事件。 在這種情況下，您必須檢查onSearch事件。 您可以在此鏈接中查看更多信息 - 參考 。